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 room homepage with bootstrap

#bootstrap

@dknyd

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


My solution for /Room homepage challenge.

On mobile view, I cant figure out why tile2's text and also the arrowsContainer (which has also fixed size but changes to very low height for some reason under a certain window width) keep moving away when I change the width of the window, despite the fact that the size of the mainContainer is fixed, in this regard, any advice is more than welcome! :)

Also, why is the mobile image loaded for tile1 on the screenshot? When I open the page the correct (desktop) image is loaded.

Thanks!

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