CSS Layouting

Responsive Navbars

Navbars are used by most websites, because its an easy way to make navigations. Also to make sure its dynamic when in case a screen was too small or too big:

Sticky navbars are more common than non-sticky ones, which are used more in application sites that are meant to help people, like services.

Friendly Layout

A good layout would be something like when a website looks like how its supposed to look for easily accessible needs and to prevent confusin, where to go:

Overall layouts are one of the most important components of a website - it helps users understand, where to go. Also to keep in mind that semantic elements like navbar, footer, main and aside help search engine bots locate your content easily.

Sticky and Absolute Positions

Both stickiness and absolute position are good for building a web app. Here's an example of using both:

Putting relative style on a div and applying the absolute position for the inside elements makes them linked in the parent element - in this case there is use for the attributes: top, left, right, bottom.

Responsive Footer

Footers are typical for websites, but to also note that they need to be responsive, just like navbars:

The footer gets pushed down, because we are using column flex direction on the page body and also this attribute "flex: 1 0 auto;".