I can’t believe we’re already at the end of season 4! This season, we’ve been focusing on CSS gotchas and resolving these common CSS pitfalls. And alas, on our last episode of the season, we’re going to take a look back at all of those tips and tricks and pick some of our favorites to highlight in this recap episode.

Links:

Why isn’t percentage working → https://goo.gle/418EnBG 

Why isn’t my element stuck → https://goo.gle/3uSX7Jk 

Why isn’t my custom property the value I expect → https://goo.gle/47BcZPj 

How do I center a div → https://goo.gle/3RiOBLA  

Why isn’t my animation glitching → https://goo.gle/4a5fzPh 

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘

Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

In this episode, Una and Adam talk about percentage resolution for various properties like font-size, padding height and width. They break down and explain why percentages may not work or may not be what you expected.

Links

→ https://goo.gle/47XtWU1 

Understanding CSS Percentage → https://goo.gle/3RhLJzG 

CSS Box Sizing Module Level 3 → https://goo.gle/46FRF9T 

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘

Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs

In this episode Una and Adam help you uncover moments where a sticky element isn't sticking. There are a couple of gotcha around implementing a sticky element and by the end of the show you'll know what they are and a few ways to work around them.

Links:

sticky stack - https://goo.gle/3QICxTz 

sticky desperado - https://goo.gle/3sC3OPj  

sticky slide - https://goo.gle/47bcRGb 

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘

Subscribe to Chrome for Developers YouTube → https://goo.gle/ChromeDevs