Qr code project

What are you most proud of, and what would you do differently next time?

I used this CSS:

.qr-code-img {
  width: 100%;
  max-height: 600px;
}
.container {
  min-height: 60vh;
  display: flex;
}

Instead of using:

.qr-code-img {
  width: 100%;
  height: 600px;
}
.container {
  height: 60vh;
  display: flex;
}

which would have caused a lot of trouble on smaller screens

What challenges did you encounter, and how did you overcome them?

Initially, the image overflowed its container when I set its height using the height property. I resolved this by using min-height and max-height, which ensure the height remains flexible on smaller screens, improving responsiveness.