Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

qr- code component section with Flex Box .

@shimaahriaz

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Ouattara 200

@Kaji17

Posted

**Hi @shimaahriaz 👋, good job for completing this challenge and welcome to the Frontend Mentor Community! 🎉 **

Here are some suggestions to improve your code:

Try to use semantic tags in your code. With semantic tags:

<body>
   <main class="main-content">
      . . .
   </main>
   . . .
<body>
  • Don't use <br>, the <br> tag is not semantic. It should never be used to add vertical spacing, it is only used in specific cases (e.g. poem or an address) also when a screen-reader reads the text it will break the text at the <br /> tag and break the flow of reading, You could use padding or margin styling via CSS to avoid them. More Information here.

I hope those tips will help you.

**happy coding ! and with Front end mentor we learn to code like a pro **(⌐■_■)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord