[Resolved] Column Mobile-grid Not Working

[fabiosilva]

Hi,

I’m try using this code:

<div class="grid-50 tablet-grid-50 mobile-grid-100 first-column">
content column 1
</div>

<div class="grid-50 tablet-grid-50 mobile-grid-100 second-column">
content column2
</div>

But the mobile full width (100%) is being ignored, and not work (on mobile, as showing 2 columns). It never happened to me. I’m doing something wrong?

Thank you

[Tom]

Hi there,

You’re adding flexbox to the containers which is preventing the elements from wrapping.

Try this:

#section-adn > div {
    flex-wrap: wrap;
}

[Author]

Posts