QR code desktop & mobile view using HTML & CSS.

Community feedback

• 

  Manish Mandal•650

  @manishdevelopsPosted almost 2 years ago

  hey @ajchinasa , nice work congrats... on completing this project I would like to suggest you something to improve your code

  body { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100vh; }

  .main { /* position: relative; / / top: 110px; / width: 220px; display: block; / margin: auto; */ text-align: center; background-color: hsl(0, 0%, 100%); padding-top: 10px; border-radius: 10px; }

  footer { /* display: flex; / / align-items: center; / / justify-content: center; / / position: relative; / / top: 150px; */ font-size: .8rem; }

  hope it adds up to your knowledge..

  Marked as helpful

  0
• 

  suhaib52•280

  @suhaib52Posted almost 2 years ago

  It would be great to use semantic tags than the div, because semantic tags improve the accessiblity.

  You can also try :root in the css to define the colors at the start of the file then you can use var() to call the color.

  Marked as helpful

  0