Responsive QR code designed using CSS

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,120

  @MelvinAguilarPosted about 1 year ago

  Hello there 👋. Good job on completing the challenge !

  • Responsive design aims to ensure that a solution adapts well to various devices. To enhance responsiveness, consider centering your solution using grid or flexbox. The use of a defined padding (padding-top: 15%;) may result in misalignment on different devices, particularly causing the component to appear too low on mobile devices (landscape orientation).

    For Flexbox:

    body {
      padding-top: 15%;
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      /* Additional styles if needed */
    }
    

  I hope you find it useful! 😄

  Happy coding!

  Marked as helpful

  1
• 

  P

  Daniel 🛸•44,440

  @danielmrz-devPosted about 1 year ago

  Hello @Sid-sentil!

  Your project looks great!

  This project doesn't need to be responsive because the it doesn't change anything from mobile to desktop version.

  You did a great job!

  Marked as helpful

  1