Skip to content
Submitted almost 2 years ago

Responsive design using basic css with vite react js

Carl•160
@carllouislabutong
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Im just having a hard time on media queries for phone size

Community feedback

  • Mirza Monirul Alam•680
    @WebDevMirzaPosted almost 2 years ago

    Hey,

    • use div container and set max-width: 375px
    • use margin: 0 auto to center
    • change your strategy for mobile first. Then desktop. It seems easy to use.
    • use media query breakpoint at 768px or 640px

    html part is good. You can make better css by improving. I hope this might help you. Thank you.

    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