Hi! I’m trying to create a full width section with a graphic pattern to the left and a similar graphic pattern to the right, and text in between. (the graphics should fill the space from top to bottom, fully visible, and the text should appear in the middle, see included mockup.)
I’ve tried using a color row with three one third columns, then it looks fine on a desktop, but on smaller screens it gets scrambled. I’ve also tried using a grid, but it just looks crazy when you resize the browser. I really hope you can help, this is beyond me, and you have saved me many times before.
Thanks in advance /Michael
Hey Michael,
When you make design you need to make views for different screen sizes, that way you know what you’re working towards. Even if we align the images on the sides to the top or bottom and make the h2 smaller, there’s too much text, that makes the section taller on smaller screen sizes. So you need to consider, what kind of adjustments are acceptable.
Best regards,
Victoria