Qr-code-ui

Hi well done for this project.

For this project you don't need to use the media queries, it's useless.

You should write your different size like margin, padding, ... in em or rem instead of px. Here is a link. freecodecamp.org.

And for the body or container just write

      .container {
        min-height: 100vh;
        background-color: #d7e7f3;
        display: flex;
        justify-content: center;
        align-items: center;
      }

Last thing for the images if you want to have a good responsiveness, here is a link. It can help you. freecodecamp.org

If you want to check the responsiveness of a web page, you can use the devtools in the Chrome browser. Simply right-click the page and select "inspect". Then, in the top left corner of the dev tools, look for the laptop/mobile icon and click on it. A slider will appear that allows you to adjust the width of the page, so you can identify any issues. To learn more about best practices for making pages responsive, I recommend taking this course: https://courses.kevinpowell.co/view/courses/conquering-responsive-layouts.