Design comparison
Solution retrospective
Hello all!
Once again, I have completed another challenge. This was both exciting and challenging. There are many parts that I personally find a bit sloppy, and I definitely have room for improvement.
I plan on fixing a lot of the spacing as well as adding animations and transitions to make the overall website more entertaining to look at.
It's not perfect, but I'm proud of what I've done so far! 😄
Please send me your suggestions if you have any!
Thank you and Happy Coding! ✨
Community feedback
- @ApplePieGiraffePosted almost 4 years ago
Greetings, Vanessa Martin! 👋
Nice to see you complete yet another challenge! 😀 Good work on this one! 🙌 Your solution looks pretty good and is responsive! 👍
I noticed that the navigation links and the social media icons in the footer of the page jump up a bit when they are hovered over. I think this is because of the bottom border that is added to them upon hover. You can make the hover state of those elements smoother by adding an invisible bottom border and then changing the color of that border to white when they are hovered over. That way, the links and the icons will remain in their place and not be moved upwards when the bottom border is added. 😉
Besides that, I just suggest allowing the background of the hero section of the page to expand with the width of the page in the desktop layout so that there is no empty grey space to the sides of the image when the width of the page increases.
Keep coding (and happy coding, too)! 😁
1@vsm1996Posted almost 4 years agoHey APG!
Thank you so much for your continued encouragement! I have added your suggestions to the site (I ended up giving the body a max-width to fix the hero image issue as well as problems with the content layout). I will definitely need to remember the trick for making sure this particular hover state is smoother as well. 😄
On to the next challenge! ✨
1@ApplePieGiraffePosted almost 4 years ago@vsm1996
Awesome! Good luck with your next challenge! 👍
1
Please log in to post a comment
Log in with GitHub
Join 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