[Support request] Inconsistency in mobile breakpoints

Home Forums Support Inconsistency in mobile breakpoints

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1348434
    Fabien

    Hi,

    I think there are some inconsistencies regarding breakpoints :

    • Columns breaks at 767px on mobile
    • Headings breaks at 768px on mobile

    Fabien

    #1348506
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know 🙂

    #1348557
    Fabien

    Leo, sorry but the site is in local env.

    But you can see with the CSS used by GP :

    H1

    @media (max-width: 768px)
    h1 {
        font-size: 30px;
    }

    Column

    @media (max-width: 767px)
    .mobile-grid-100 {
        clear: both;
        width: 100%;
    }

    As you can see, H1 uses 768px and column system (unsemantic) uses 767px…

    #1348733
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    We use different breakpoints where it makes sense.

    For example, if we want to target things on portrait tablets, we use 768px.

    For actual mobile sizes, we use 767px.

    In GP 2.5.0, we have removed most 767px values.

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