Qr code Component with HTML and CSS

Community feedback

• 

  imranhossainemi•245

  @imranhossainemiPosted 5 months ago

  Nice work, but some your code section need improvment.

  1. HTML accessible improvement about content landmarks. Ensure all content is contained within a landmark region, designated with HTML5 landmark elements and/or ARIA landmark regions. Screen reader users can navigate to a section based on its HTML element or ARIA Landmark.
     • Example: <div class="qr-container"> you can use HTML5 landmark element <main> and/or ARIA landmark region role="qr-container .
  2. Layout size for image of qr code. Instead of using fix height and width, use percent base width, so image can resize itself base on device or screen width.
     • Example: .qr-image { width: 90%;}

  Marked as helpful

  0

  ---

  

  Rakesh Munjala•100

  @rakesh265Posted 5 months ago

  @imranhossainemi Thanks for the Feedback, it was beneficial. I will try to rectify my mistakes and build better designs.

  0