qr-code-challange

Community feedback

• 

  Karol Binkowski•1,640

  @GrzywNPosted over 2 years ago

  Hey @Fabzus! You did awesome job on the challenge 🙌!

  You can make your image and other content more responsive by simply using max-width property, so it will scale down only if screen is too small. You can achieve this width something like this

  .selector {
    width: 100%;
    max-width: 20rem;
  }
  

  or (more modern way)

  .selector {
    width: min(100%, 20rem);
  }
  

  Make sure that you use rems for sizing of your content instead of % or viewport units. You can than scale them with a media query and html {font-size: 150%} for example.

  Hope this helps! Have a nice day and keep coding 😁!

  Marked as helpful

  1

  ---

  

  Alin Balog•200

  @FabzusPosted over 2 years ago

  Hey @GrzywN!

  This is really helpful, I will be mindful of that! A responsive design automatically seems easier with help from friends like you!

  With great respect, Balog Alin.

  0