Container Queries

Does anyone know how the banner container is setup?

I like to know what is inside the div that can set elements side by side when the flex-direction is set to row.

1 Like

Just making sure I understand what you’re asking…
You’re wondering what the elements within the column are that’s present in the video?

Yes. I want to know how the elements are structured

So, I was trying to get an idea of how they structured it via the video.

Since they’re using CSS for flex instead of the Flexbox options found in the Options panel, I’m not 100% sure how to recreate this… While trying to recreate what they had, I kept messing up :sweat_smile: I’m kind of now too reliant on Bootstrap classes and I do minimal CSS.

It seems to be possibly two <div> tags in a column, one having the text (header (h4), heading (h1) and a paragraph) and the other having the image.

You can download the design from the video from this link and inspect the components. Hope this helps!

1 Like