Skip to content
Submitted over 2 years ago

Order Summary

Samson Sham•140
@samsonsham
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Please feel free to comment. Thank you very much!

I am not sure how to set up my media query with the given layout in style guide. Are they min width or max width?

  • Mobile: 375px
  • Desktop: 1440px

Community feedback

  • Ankita Ambade•30
    @ankita-ambadePosted over 2 years ago

    If you write media query (max-width: 500px) then all devices with screen width less than 500px will be targeted and if you write (min-width: 500px) then devices with screen width more than 500px will be targeted.

    1
    Samson Sham•140
    @samsonshamPosted over 2 years ago

    @ankita-ambade So if the style guide gives that desktop is 1440px, does that mean I should target desktop screen as (min-width: 1440px)? But I guess there are still a number of desktop with resolution below 1440, isn't it? Thank you for your reply!

    0

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