Site logo

Archived topic

Column Mobile-grid Not Working

1 reply · Started by fabiosilva on April 11, 2020

Viewing posts 1–2 of 2

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

Hi there,

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

Try this:

#section-adn > div {
    flex-wrap: wrap;
}
This archived topic is closed to new replies.