Responsive QR code component using CSS

Community feedback

• 

  RabbitMaid•1,020

  @AgbortokoPosted over 1 year ago

  • HTML5 elements such as <main>, <nav>, <header>, <footer>, <section>, <aside> act as landmarks, or special regions on the page to which screen readers and other assistive technologies can jump. By using landmark elements, you can dramatically improve the navigation experience on your site for users of assistive technology (Users with disabilities) .

  You can use the <div> for sub items within landmarks like <section>. In other words for containers or sections in your html you can use the <section> tag.

  It is advisable that you place all your main site content in a landmark element <main>.

  Here is an Accessibility Evaluation Tool to check your webpage for any errors or warnings related to landmarks.

  I hope you find the above solution useful! 😄 Nevertheless, the solution you submitted is great! Happy coding!

  1

  ---

  

  Jardel Gonçalves•10

  @jardelgoncalvesPosted over 1 year ago

  @Agbortoko I added a section as a container and I changed the light gray color because the contrast was very low.

  Thank you for your comment.

  0

  

  RabbitMaid•1,020

  @AgbortokoPosted over 1 year ago

  @jardelgoncalves Perfect

  0
• 

  TK•210

  @Hugo-FariasPosted over 1 year ago

  use margin: 0 auto on the card-wrapper div to center the contents horizontally.

  the <br> tag is not necessary, just put the text in a container and let the text wrap by itself, if you want the text to wrap earlier use padding on the container and line-height for distance between the lines. This rigidity is going to make it a pain to adapt to different screen sizes.

  0