🤦‍♀ Struggling with CSS layout mess? Get to know CSS' console.log() 💥

A neat simple trick that I usually show my mentees to help them understand what's going on with their layout under the hood is to do the following:

* {
   outline: 1px solid red;
}

That's it, all you need to do is add this to your stylesheet.

This simple trick will add red lines to all your elements and will help you make sense of what the heck is going on with your layout and why something is jumping to a place that you don't want it to be! 🎉