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”#51: A Lesson Learned in Accessibility
#50: Building a Customized and Dynamic Ordering Form
#49: Hodgepodge of Photoshop Tricks
#48: Skinning phpBB
#47: CSS Shorthand
#46: Domains, DNS, Hosting and Google Apps
#45: Using FoxyCart for eCommerce
#44: Hodgepodge of WordPress Tricks
#43: How to Use CSS Sprites
#42: All About Floats Screencast
#41: WordPress as a CMS
#40: How z-index Works
#39: How to Use sIFR 3
#38: Basics & Tips on Designing for the iPhone
#37: Status, Fluid and Menu Bar Apps
#36: Current Nav Highlighting: Using PHP to Set the Body ID
#35: Intro to jQuery 2
#34: Integrating and Customizing Google Maps
#33: eCommerce Product Page Makeover
#32: Using the Unit PNG Fix
Create your
podcast in
minutes
It is Free
Podcast – Kitchen Sink WordPress
The Goat Farm
Away From The Keyboard
Arrested DevOps
Build Phase