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`.

media queries range syntax

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 🔑