Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸). Hide

Frontend Dogma

“aspect-ratio” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design (non-exhaustive) · “aspect-ratio” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
Aspect Ratio Changes With CSS View Transitions (jim)16
css, view-transitions
Things That Can Break “aspect-ratio” in CSS (chr/fro)15
css
“aspect-ratio” Gotcha (css)14
css, images
View Transitions: Handling Aspect Ratio Changes (jaf)13
css, view-transitions
How to Use CSS “aspect-ratio”12
how-tos, css
Upgrading Our CSS Habits: “aspect-ratio” (cod)11
css
Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (hen)10
css, images
Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (jaf)9
performance, web-vitals, comparisons, html, attributes, css
A Practical Guide to Aspect Ratio in CSS (zor/css)8
videos, guides, css
Building a Combined CSS Aspect Ratio Grid (9el)7
css, layout, grids
Aspect Ratio Is Great (mic)6
css, layout
Responsive Iframes With the CSS “aspect-ratio” Property (cfe)5
iframes, css, responsive-design
Let’s Learn About Aspect Ratio in CSS (sha)4
css
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)3
images, responsive-design, css, gradients, effects
A First Look at “aspect-ratio” (chr/css)2
css
Aspect Ratio Calculator (seg)1
tools, exploration, images, math