Using CSS grid to make a grid, is, well, the whole point. But what if you want all those grid items to maintain an aspect ratio, like a 1:1 square? It’s possible, but it involves a little trickery. In this video, we’ll look at doing that because we want to put a logo, centered, in each square.
One of the final demos:
CodePen Embed Fallback… Read article “#179: A Grid of Squares”#131: Tinkering With Flexbox
#130: First Moments with Grunt
#129: Emmet (is Awesome)
#128: Effeckt.css, Local Setup with Grunt, and Contributing on GitHub
#127: Basics of JavaScript Templating
#126: Using Modernizr
#125: How To Stay Up To Date With Web Technology
#124: A Modern Web Designer’s Workflow
#123: If it Moves When You Click, Make Something Stick
#122: The State of Favicons
#121: The Right CMS is a Customized One
#120: A Sublime Text Snippet for Media Query Mixins
#119: Let’s Answer Forum Posts! Vol. 2
#118: Introduction to CodePen PRO
#117: Let’s Attempt To Do a “Pull Request”
#116: Let’s Answer Forum Posts!
#115: Don’t Overthink It Grids
#114: Let’s Do Simple Stuff to Make Our Websites Faster
#113: Creating and Using a Custom Icon Font
#112: Using CodePen
Create your
podcast in
minutes
It is Free
Podcast – Kitchen Sink WordPress
The Goat Farm
Away From The Keyboard
Arrested DevOps
Build Phase