Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

4 page website - HTML5 semantics, CSS3 and Sass, JavaScript

Jesse 430

@jesse10930

Desktop design screenshot for the Photosnap multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey everyone! Thanks for checking out my project! I'm pretty pleased with how this turned out. I really used this project to get an idea of how long a website like this takes (for me) to design, to gauge for future projects. I didn't run into any major issues, other than bizarre layout behavior, which seems to be an ongoing issue for me. Getting better, though.

If there is anything wonky with the layout or any other best practices that I fail to use, please feel free to let me know! Constructive criticism always welcome!

Community feedback

Account Deleted

Nice one on putting it together.

The 'create and share...' text on the right, on the very first page, is kind of battling with the image next to it, in a responsive way.

As you down-size it shrinks it and some of it ends up getting over-layed by the image under, because it's losing it's width so it's stretching it height. So I think you should give it a minimum width so it does not get shrinked too much.

You have two nav-bars, one for mobile and one for desktop, don't know why. And you see that when you toggle the mobile menu, then switch to desktop, the mobile nav-bar stays next to the desktop navbar, which should be fixed.

Keep coding👍.

2

Jesse 430

@jesse10930

Posted

@thulanigamtee, Thanks for your suggestions! I'll try to implement the necessary changes!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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