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
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


What are you most proud of, and what would you do differently next time?

I tried to subdivide the scss file. But there are not many styling contents, so I don't think I'll need it for a side project like this.

What challenges did you encounter, and how did you overcome them?

There is an unknown margin on the .swiper-slide using picture, img tags. I wandered around because I couldn't check it in the DevTools, but it was solved by giving the vertical-align value as top/middle rather than baseline as the default value of the inline tag.

What specific areas of your project would you like help with?

I just want you to do it if there's anything to point out in general. Also, please let me know how many hours would be appropriate to make this kind of page.

Community feedback

Maryam 260

@Maryam1982

Posted

You did a great job for Carousel and responsive layout. I liked the timing for changing the text and images better than what i myself did. To make it even better I think you can decrease logo/nav-items margin as they seem too low. Also distance between your CTA (shop now) and navigation buttoms is too little.

Marked as helpful

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