Full Stack Radio cover image

135: Lessons Learned Building Tailwind UI

Full Stack Radio

00:00

CSS Grid for Pricing Cards

So what you do is for the first card, I'm literally holding up three fingers on my desk right now so I can follow along. So if you're driving pull over because it was getting tense. What the browser does is it's smart enough to make the first row and the last row, the height is automatically calculated based on only the middle card. And now it's just a very simple thing. It's like a CSS grid, div, div,div,. A couple classes on each one to specify where to sit in the grid and it's just perfect.

Play episode from 59:47
Transcript

The AI-powered Podcast Player

Save insights by tapping your headphones, chat with episodes, discover the best highlights - and more!
App store bannerPlay store banner
Get the app