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

room-homepage-master

#bem#react#sass/scss#webpack

@MojtabaMosavi

Desktop design screenshot for the Room homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any idea, suggestion or thoughts about the following question are deeply appreciated.

  • What is a good project structure for middle to large size react projects ?
  • Beside the syntactical differece between ES6 and common js import statements is there any other differeces between them ?
  • when implementing the slider I used the opacity to transition the slides but from an accessibility point of view this is not satisfactory because the elements still exists in document flow and occupies place but it's not visible. Usage of element{ display:none;} generates the proper behavior in document flow but does not allow animations, how would you solve this ?

Community feedback

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