It’s easy to do side navigation with flexbox.
It is enough to make a block with the nav
class a flex container and distribute the elements in it with a bell.
Another thing to add is a width, say 150px
.
For the body element, give a margin of 0px
.
This task is part of the Full-Stack JavaScript Course .
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.
index.html
<!DOCTYPE html>
<html>
<head>
<title>Side navigation</title>
</head>
<body>
<div class="nav">
<a href="https://js.coderslang.com/navigation/217" class="nav-item">
JS Coderslang
</a>
<a href="https://play.google.com/store/apps/details?id=com.coderslang.com&hl=en&gl=US" class="nav-item">
Android App
</a>
<a href="https://apps.apple.com/us/app/coderslang-learn-programming/id1489105103" class="nav-item">
iOs App
</a>
</div>
</body>
</html>