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”#111: Get Yourself Preprocessing in Just a Few Minutes
#110: Quick Overview of CSS Position Values
#109: Getting off FTP and onto Git Deployment with Beanstalk
#108: Using Chartwell
#107: LiveReload, a Menu Bar App for Preprocessors and Speedy Development
#106: Use BrowserStack for Live Web-Based Cross Browser Testing
#105: Using SpriteCow
#104: Quick Tip: Use Dropbox to Make a Public URL for Anything
#103: Integrating FitVids.js into WordPress
#102: Braindump on Responsive Web Design
#101: Let’s Suck at GitHub Together
#100: Let’s Write Semantic Markup
#99: Overview of HTML5 Forms Types, Attributes, and Elements
#98: Playing with Body Borders
#97: Intro to CSS Animations
#96: localStorage for Forms
#95: A Tale of Border Gradients
#94: Intro to Pseudo Elements
#93: CSS3 Slideup Boxes
#92: Code Walkthrough of Drawing Table
Create your
podcast in
minutes
It is Free
Podcast – Kitchen Sink WordPress
The Goat Farm
Away From The Keyboard
Arrested DevOps
Build Phase