AllTips(154)

css/Maintaining Square Proportions

Maintaining Square Proportions

Name: Maintaining Square Proportions
Uploaded: 2024-01-10T20:05:13+08:00
Channel: Arbaoui Mehdi
Description: Using CSS `aspect-ratio` to consistently create a perfect square while preserving its aspect ratio.

Next Tip

Project Source Code https://github.com/Front-Tips/maintaining-square-proportions
MDN CSS aspect-ratio Reference https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
Geoff Graham Credits https://geoffgraham.me/