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

Responsive Photosnap with ReactJs , Styled components , Router

#react#react-router#styled-components#framer-motion

@Muqorrobin22

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


This is my solutions for photosnap website , using plain ReactJS, react Router and styled components also using mobile-first paradigm, BEM , and much more together combine to make beautiful this photosnap website

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Several issues needs to be fixed in your code as mentioned in the report. Take some time and see if you can fix them. Some of the issues raised may include the following:

  • heading elements that does not follow a sequential order. The first level heading element of a page should be the h1 element and that will be followed by an h2, then h3 etc. Do not skip heading elements.
  • do not nest interactive elements. A button and anchor element should never be nested.
  • include prefers-reduced-motion in your css, not all users will love animation when viewing a website for reasons that may include health conditions.
1

@Muqorrobin22

Posted

@ChamuMutezva Fantastic feedback , Thanks a lot Chamu for your suggestions

0

@GabrielFMPinheiro

Posted

Amazing job!

0

@Muqorrobin22

Posted

@GabrielFMPinheiro Thank you so much , appreciate it ! 😁

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