You can prevent elements like
<svg>icons getting squished in a flexbox context by setting
No longer will I faff around trying to remember what combination of
flex: 1 0 auto; I need to prevent my icons and images from becoming squashed.
If you're looking to level up your CSS knowledge, I fully recommend following Andy on Twitter or signing up to his mailing list. Full article here: