If I want a div to be the full width of the parent element, I set the div to 100% width and it will always fill the entire width, no matter what screen resolution. Easy. But, what if I want to keep the aspect ratio of the div, the height always being the same as the width, no matter what the screen…

Hey Christoffer. Check this link out: [image] How To - Aspect Ratio / Height Equal to Width W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many mor…

How to keep aspect ratio on div that is set to 100% width?

Design help General

Jeandcc (Jean Costa) July 23, 2019, 12:11pm 4

I’m glad to help!

Happy Designs

1 Like

Topic		Replies	Views
Aspect ratio on a Div General	1	4143	July 9, 2019
Aspect Ratio Scaling General	4	6214	May 27, 2020
How do I match a div height to it's width when using percentages General	21	6641	February 13, 2022
Save image ratio on any display and device General	10	2413	October 12, 2021
How to make two images of different width, fit the same height General	2	7520	April 2, 2019

How to keep aspect ratio on div that is set to 100% width?

Related topics