Laracasts - CSS Quirks and Pitfalls

While it's fun to see a car designed entirely with CSS from a single div, the day-to-day reality for a typical CSS designer is far less glamorous. Often, you'll lose hours upon hours due to some confusing CSS quirk that seemingly makes no sense. In this series, we'll dig our heals into the dirt and, together, decipher a variety of CSS oddities.
01 The Minimum Height Miscalculation
One day, you'll fall into a CSS trap related to setting a child element's height as a percentage of its parent's minimum height. Spoiler alert, but it won't work the way you think. In this episode, we'll review two possible solutions.

02 The Line-Clamp Prefix Peculiarity
If you've ever hoped to clamp a paragraph of text to a set number of lines, you're likely already aware that it's a tricky process. However, for many years now, there has been a way to do it with pure CSS. The only caveat is that it requires a number of webkit-specific prefixes to work properly. But what would you say if I told you that, even with these webkit-specific prefixes, the functionality will work across all modern browsers?

View the source code for this episode on GitHub.
https://gist.github.com/JeffreyWay/1dab2cae278cda901cb2a0c481e0663a