Skip to content
Submitted about 2 years ago

qr- code component section with Flex Box .

shimaahriaz•10
@shimaahriaz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Ouattara•200
    @Kaji17Posted about 2 years ago

    **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

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