Skip to content
Submitted over 1 year ago

Responsive Room homepage using Desktop-first approach and css grid

Ivan Mirković•180
@imd94
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Room homepage
  • HTML
  • CSS
  • JS
3intermediate

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
    @IshmaelsealeyPosted over 1 year ago

    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
    Ivan Mirković•180
    @imd94Posted over 1 year ago

    @Ishmaelsealey

    Thank you very much for the feedback.

    1

Please log in to post a comment

Log in with GitHub

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