Responsive QR code for desktop and mobile using CSS

Community feedback

• 

  Illyaas•700

  @Illyaas4ShowPosted over 2 years ago

  • Also about the accessibility issues, where it says Document should have one main landmark, it is because you need to wrap the container of the card in a <main> tag because a page must have one main tag and only one.

  • Page should contain a level-one heading - This is saying that the page must have an h1 tag and only one, again. This is to help screen readers navigate the page easily.

  • You should also add a <footer> tag as a landmark for screen readers.

  I hope this also helps :)

  Marked as helpful

  0

  ---

  

  Albert Garcia•20

  @albertgarcia1324Posted over 2 years ago

  @Illyaas4Show thanks!

  0

  

  Illyaas•700

  @Illyaas4ShowPosted over 2 years ago

  @albertgarcia1324 nws

  0

  

  Illyaas•700

  @Illyaas4ShowPosted over 2 years ago

  @albertgarcia1324 any time

  0
• 

  Illyaas•700

  @Illyaas4ShowPosted over 2 years ago

  For responsive widths, I am very happy to introduce you to the min(), max() and clamp() functions in CSS. They allow you to set minimum and maximum values for a certain attribute which makes the attribute way more flexible and responsive. I strongly recommend reading this short article about min(), max(), and clamp() or just watching the video in the article.

  I hope this helps 😁

  Marked as helpful

  0

  ---

  

  Albert Garcia•20

  @albertgarcia1324Posted over 2 years ago

  @Illyaas4Show thanks!

  0

  

  Illyaas•700

  @Illyaas4ShowPosted over 2 years ago

  @albertgarcia1324 np! :)

  0
• 

  Icaro Mariano•50

  @icaroambPosted over 2 years ago

  Media Queries bro!! check this

  Marked as helpful

  0