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 for mobile and desktop, React, React-awesome-reveal.

#accessibility#react#tailwind-css
Dytomaβ€’ 570

@Dytoma

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


Hey πŸ‘‹,

This is an updated solution. I would like get your feedback on this solution, check out my code on Github and let me know if there is something I can improve or I could do better.πŸ˜‡

Happy coding

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Greetings, Dytoma Omar! πŸ‘‹

Nice effort on this challenge! πŸ‘

I'd like to suggest,

  • Not using a heading tag for the "Shop now" link (since it is not a headingβ€”in this case, using an a tag is enough). πŸ˜‰
  • Using the ul and li tags for the list of links in the navigation of the site to make your HTML a little more semantic.
  • Making this layout responsive can be tricky! Currently, there are a few issues such as the text in the bottom box overflowing its container and the text in the top box getting hidden when the screen width decreases in the desktop layout. You may want to take another look at those elements and ensure that they look good and can be seen at all screen sizes. If you'd like some ideas, you can check out my solution to this challenge (it's not perfect, but it may help). πŸ˜…

Hope you find these suggestions helpful. 😊

Keep coding (and happy coding, too)! 😁

Marked as helpful

1

Dytomaβ€’ 570

@Dytoma

Posted

@ApplePieGiraffe Thanks for your feedback, I will definitely check this out.

1

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