Can't get a container with a row to work under a nav bar... 😑

Question

https://code.sololearn.com/WFHVbtlhniJc/?ref=app

In short I feel like I'm falling over at the first step of a project I'm keen to dive into more. Since it is going to be focused on auto sizing and having multiple wrapped elements, this is very frustrating.

Answer 1

In css part you need to remove from header:

position: fixed;

Answer 2

You use flexw even when you don't need it. You can also use a fixed margin for the icons since the navigation menu has a fixed height. By the way, flex is not the only redundant code. Here is my version
https://code.sololearn.com/Wfsom2s4G1yZ/?ref=app