Inconsistency in mobile breakpoints

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 :)

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...

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.