hi there! 👋👋
Instead of setting max-width on main just wrap your content inside a div (like you did with the hero section):
<main>
<div class="container">
<!-----All your content goes here---->
</div>
</main>
and give that div (in this case the container div)a max-width
your <a> elements are taking up all the horizontal space, because you applied display: block; on them. Modify it to display: inline-block and you will be able to set margins to them, but they will still take up only the space they need, respecting the padding.
Hope this was helpful 🙏
Good luck and happy coding! 💪
1
ElianaRestrepo99• 190
@ElianaRestrepo99
Posted
@kodan96 Greetings, thank you very much for your advice to improve my code, they are very useful for my learning.
1
