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”#71: Building a Website (1 of 3): Photoshop Mockup
#70: Random Pet Peeves
#69: First Ten Minutes with TypeKit
#68: Think Geek Background Fade Technique
#67: jQuery Part 3 – Image Title Plugin
#66: Table Styling 2, Fixed Header and Highlighting
#65: Advanced Uses for Custom Fields in WordPress
#64: Building a Photo Gallery
#63: On Screencasting
#62: Advanced Form Styling & Functionality
#61: Basic Table Styling with CSS
#60: AJAX Refreshing RSS Content
#59: Embedding Audio
#58: HTML & CSS – The VERY Basics
#57: Using CSS3
#56: Integrating FoxyCart and WordPress
#55: Adding RSS Content with SimplePie
#54: Introduction to FLIR
#53: Customizing PayPal Forms, Buttons, and Headers
#52: Building a Print Stylesheet
Create your
podcast in
minutes
It is Free
Podcast – Kitchen Sink WordPress
The Goat Farm
Away From The Keyboard
Arrested DevOps
Build Phase