Design comparison
Solution retrospective
I would just like to know, what is the best way to make the line that goes from menu to logo in desktop resolution. I think my way is very messy.
Community feedback
- @rsrclabPosted almost 3 years ago
Hi, @roman02021 ~
Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.
Here are some of the tips I like to provide.
- Please try BEM for naming element classes. It will help you a lot on bigger projects.
- Image tags must have alt attributes as standard.
- I think explore button hover effect doesn't match design.
- Please try dark
background-color
for pages, so that when moving between pages, it won't blink.
https://www.frontendmentor.io/challenges/space-tourism-multipage-website-gRWj1URZ3/hub/space-tourism-multipage-solution-LCqAfReWO
Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.
Cheers ~
Marked as helpful0 - @NatGlassPosted almost 3 years ago
I'd recommend setting a max-width to the header container, you've got the right idea but I think it'd be easier to only show it when the screen is above a set width. This will also make the header look better on very large screens, as the logo floats off and the nav background extends infinitely while the page content is centered which looks odd.
Overall you did a great job.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
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