 a CSS property that we can use to adjust the underline on your underlined text. Usually what I do is add a 

 instead on the text if I wanted to add a gap between the text and underline which is not really the best solution on some cases.

https://caniuse.com/?search=text-underline-offset

CSS property that add spacing on your underlined text.

TIL: text-decoration-offset

Creating sticky navigation or a sidebar? Here's a quick html and css only approach.

This is good when you want a sticky  table of content on your post

Sticky Navigation / Sidebar

 queries without thinking of what kind of break-point to set in your 

 these symbols ( comparison symbols ) to set our site responsiveness.

https://css-tricks.com/the-new-css-media-query-range-syntax/

Here’s a great way to use your `@media` queries without thinking of what kind of break-point to set in your `min-widht` or `max-width`.

Making sure my layout is full height when using Flexbox. Header always on top, footer always on the bottom is key 🔑

Make sure that the parent container of the header, main, and footer is where I’m applying the styles for the above example the 

. ( example: React you have to apply it into. App as this is the parent container )

Making sure my layout is full height when using flexbox. Header always on top, footer always on the bottom is key 🔑