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 using Desktop-first approach and css grid

@imd94

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


For desktop screens, I have used vh and vw units so that content could adjust if the browser is zoomed in or out. For small screens, I used rem units. So my question is, does zooming the browser in or out simulate different screen resolutions?

Thanks in advance.

Community feedback

Ishmael 330

@Ishmaelsealey

Posted

Hi Ivan!

Well done on completing the challenge! It resembles the design intimately.

To answer your question, yes it does. When using google chrome, if I increase my zoom value, eventually a website will appear in it's mobile version as the browser thinks that the screen is less pixels wide. I found this stack overflow response that also explains it.

I hope my response helps you!

Happy coding

Marked as helpful

0

@imd94

Posted

@Ishmaelsealey

Thank you very much for the feedback.

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