Responsive QR code component

Community feedback

• 

  Enmanuel Otero Montano•2,155

  @Enmanuel-Otero-Montano

  Posted over 1 year ago

  Hello @imabhijeet!

  Congratulations on completing the challenge. Your solution looks good, but I've looked at your code and would like to make an important improvement suggestion.

  The suggestion is that you apply semantic tags in HTML, you have done everything with <div> and this is not good, with semantic tags I mean that you use <main>, the <h1> tags to the <h6>, <section>, <article>, these are just a few, there are more. The use of semantic tags is very important in web development, since they help browsers better understand how your website is structured, which translates into a more accessible website, improved web positioning and other improvements. I encourage you to search for information on the subject.

  Greetings and keep practicing

  11

  Marked as helpful
• 

  P

  Daniel 🛸•44,790

  @danielmrz-dev

  Posted over 1 year ago

  Hello @imabhijeet!

  Your project looks excelent!

  I just have two minor suggestions for you to improve it:

  • The font-family used in this project is Outfit. You can always check the style-guide file to see what are the recommended fonts and colors for the project.

  • Also, your box-shadow is a bit darker than the original design. I tried some values and updated your code, here it is, in case you wanna change it:

  box-shadow: 1px 1px 42px hsl(219, 27%, 73%);
  

  I hope it helps!

  Other than those details, you did a great job!

  00