The CSS Grid Area Property Lets You Position Items Like an Absolute Sniper

Oct 17th, 20231 min

Kevin Geary

I'm looking a little more disheveled than normal this week. Not sure what happened with my hat. Definitely gotta clean things up!

In any case, I'm finally covering the CSS grid-area property on this channel, which is a powerful shorthand property for putting items in precise positions with CSS Grid.

I encourage you to click the starter code pen below and follow along! This example layout is a really good introduction to using grid-area.

Starter Pen: https://codepen.io/geary-co/pen/OJrEmjb

*** MY TOOLS ***

🔥 AutomaticCSS (ACSS) – https://automaticcss.com
🔥 Frames – https://getframes.io
See all my recommended tools here: https://geary.co/tools/

*** INNER CIRCLE ***

Step your design/dev game up, make more money, and get the full scoop on scaling your digital agency! When it comes to the Inner Circle, I don't hold back.

⭕ In-depth design & dev trainings
⭕ Business, sales, & marketing trainings
⭕ Agency resources & downloadables
⭕ Vibrant, quality community with zero toxicity
⭕ …and much more!

Learn more and join here: https://geary.co/inner-circle/

*** SOCIAL ***

👉 FB – https://www.facebook.com/marketingkev/
👉 LinkedIn – https://www.linkedin.com/in/kevingeary/

*** CHAPTERS ***