All comments

• 

  uptown_girl•210

  @uptowngirl757

  Submitted about 1 month ago

  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.

  

  Qr code project

  1

  30
  

  CultureLab_Q•10

  @qmakescl

  Posted about 1 month ago

  I'm so new to front-end design that I'm not even close to being able to give you feedback on the awesome solution you've created. However, I did learn something new by looking at your code. Thank you.

  (I will translate it into DEEPL and send it to you).

  1