[Resolved] Changing the breaking point for tablet-grid-33

Home Forums Support [Resolved] Changing the breaking point for tablet-grid-33

Home Forums Support Changing the breaking point for tablet-grid-33

  • This topic has 4 replies, 2 voices, and was last updated 5 years ago by Leo.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1150960
    Aldrin

    Hi, what is the best way to change the breaking point for columns not to collapse at 1024 and instead collapse at a lower screen resolution?

    For example I have

    <div class="grid-33 tablet-grid-33 mobile-grid-100 first-column">
        1
    </div>
    <div class="grid-33 tablet-grid-33 mobile-grid-100 second-column">
        2
    </div>
    <div class="grid-33 tablet-grid-33 mobile-grid-100 third-column">
        3
    </div>

    I’d like the columns to stay inline instead of collapsing under one another. So for tablet-grid-33, I’d like it to preserver the inline structure at 1024px

    Thank you

    #1150966
    Aldrin

    I actually added below and it seems to work. Is that advised

    @media (min-width: 1024px){
    .grid-33 {
        float: left;
        width: 33.33333%;
     }
    }
    #1150973
    Leo
    Staff
    Customer Support

    Hi there,

    Yup that’s the correct code πŸ™‚

    #1150984
    Aldrin

    Thanks very much Leo πŸ™‚

    #1150998
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.