Feedback is welcome :)
Things that came up while doing it:
-I could not set margin-top on my grid container (its is the one holding the whole content of the page) Does anybody know why that is? Maybe because the header container has no size? And is that because it's elemnts are floated?
-Is there a better and more up to date way to align the navigation items than float? Maybe two containers for left and right, using inline-block on its elemnt and use the flexbox to align the items?
-I got a small css section for general layout instuctions, than a big one for the mobile layout and a big one for the desktop layout. Is the normal way to go? How would you do it?
Thanks in advance :) Greetings.
@Naleeka
Posted
padding-top instead of margin-top on your grid containerul.navigation-class {
display:flex;
flex-direction: row;
align-items: center;
gap: 1rem;
}
ul.navigation-class li {
padding-inline: 1rem;
}
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
