@batyr-qhan
Posted
Hello. I think it requires a little bit of restructure. I'd place nav tag outside of main.
So the layout would look like this:
<body>
<header>
<!-- Site header content goes here -->
<nav>
<!-- Navigation links go here -->
</nav>
</header>
<main>
<!-- Main content of the page goes here -->
</main>
<footer>
<!-- Footer content goes here -->
</footer>
</body>
and don't forget to set:
html, body { height: 100% }
Marked as helpful
@batyr-qhan thanks for the feedback I appreciate it. Just one question more:
html, body { height: 100% } set height:100% is something i should always do?
@batyr-qhan
Posted
@Diego-CastilloF in most cases yes. It's like a basic initial styles you should always start with.
Usually this combination does work well:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
}
Google more about reset CSS styles.