Responsive QR code designed using CSS

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!

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!