2min chapter

Syntax - Tasty Web Development Treats cover image

Potluck × Testing Animations × Tools for Learning × Coding Related Injuries

Syntax - Tasty Web Development Treats

CHAPTER

Grid and Gap for Vertical Layouts

The only way to make them not uniform is to know which ones are going to be not uniform and be able to program those out ahead of time. So you kind of inherently still need margins and paddings for some things, because let's face it, different typography, different headings and font sizes, they need more room to breathe than other things. You just having a single margin between everything as a gap might not always work. A cool thing about doing a lot of things in grid is that you can use that neat little grid overlay trick where you're essentially positioning two grid cells on top of each other.

00:00

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode