recentpopularlog in

abberdab : aspect-ratios   4

Aspect Ratio Cells with CSS Grid Layout by Michelle Barker on CodePen
I found myself recently building a layout in CSS Grid that would have previously needed JavaScript in order to work. It’s a layout based on equal sized square grid cells, where grid items could span one or two cells on the row and/or column axis. In other words, the grid cells needed to maintain an aspect ratio
css  grid  layout  practical  examples  aspect-ratios 
june 2018 by abberdab
Aspect Ratio Boxes | CSS-Tricks
I had a little situation the other day where I needed to make one of those aspect-ratio friendly boxes. This isn't particularly new stuff. I think the original credit goes as far back as 2009 and Thierry Koblentz's Intrinsic Ratios and maintained popularity even for other kinds of content with articles like Uncle Dave's Ol' Padded Box.

Let's go on a little journey through this concept, as there is plenty to talk about.
css  ratio  aspect  aspect-ratios 
june 2017 by abberdab
Fun with Viewport Units | CSS-Tricks
Best use cases and ideas for using viewport units, including typography ideas and more!
css  layout  responsive  typography  hero-images  footer  aspect-ratios  scrollbars  scrolling 
june 2017 by abberdab

Copy this bookmark:





to read