🐥 Maintaining the aspect ratio in CSS

css html

The aspect-ratio property can be used to manage the width and height of an element.

Or to create responsive containers that always maintain the configured aspect ratio.

.video {
  width: 100%;
  aspect-ratio: 16/9;
}

Tip found here.

If this post was enjoyable or useful for you, please share it! If you have comments, questions, or feedback, you can email my personal email. To get new posts, subscribe use the RSS feed.