I have a section made up of 3 columns. I want them to maintain their square dimensions when the viewport width is changed. In the example here, the columns appear square in the designer but when previewed the columns stretch out into rectangles.
This has raised another question for me though. Is there a way of working out what the dimensions of an element so you can design on photoshop for example?
I wouldn’t use images for this, it’s not necessary. Just use:
One Section - set it to flex
Add 3 Divs - use the (cog) to add %'s and tweak these settings to get the proportions right
Don’t use pixel H & W, because it will not be responsive
E.g., If you use pixels, it would be easy to get a square. Using 200x200. Understand? But using %'s or VW/VH, you’ll need to play with the sizing a little to mimick dimensions.