Design comparison
Solution retrospective
Hello, my name is Aliaksandr and I'm programing student. I was using only HTML and CSS simple tags, because simply other things I don't know yet, so feel free to show me my mistakes and I will fix it. The most dificult part for me was to make it capable for all devices, I didn't event made it, if anyone know how to make it, please share with me. I'm also unsure about top navigation bar blur background. In the example of webpage this bar have to be all the way right. I made it with padding, unfortunately I think this is wrong way. I also would like to know, how to make hover stay when you click on any of nav. menu pages, like if you click on menu, the hover properties stays until you click on other pages like destination, crew or technology.
Thank you for challenge, I liked it ! Waiting for any feedback.
Community feedback
- @RaheemcodesPosted over 1 year ago
Hello, I noticed that in your destination page when you first load any of the planet content there's a huge content layout shift. This can be fixed by specifying the default width and height of the each planet image. I'll advice you to use the image intrinsic width and height. There are still other issues there, so for any other correction you can reach out to me or check out my own solution.
0@AB7777777Posted over 1 year ago@Raheemcodes Thank you for your answer, your solution is really nice, I see you used some javascript, I didn't learn it yet, its my 21st day of learning to code. I will remake the solution later, when I will know more about javascript and frameworks, I was doing it with pure HTML and CSS. P.S. If you have time for mentoring me or just sharing experience, let me know and share your contacts.
0@RaheemcodesPosted over 1 year ago@AB7777777 That's quite impressive for your 21st day. You can contact me through my LinkedIn account in my bio.
0
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