QR-Code component solution Built with FlexBox

Community feedback

• 

  Naveen Gumaste•10,480

  @NaveenGumastePosted over 2 years ago

  Hay ! quinton Good Job on challenge

  These below mentioned tricks will help you remove any Accessibility Issues

  -> Add Main tag after body <main class="container"></main>

  -> Learn more on accessibility issues

  If this comment helps you then pls mark it as helpful!

  Have a good day and keep coding 👍!

  Marked as helpful

  1
• 

  Jose Sanchez•380

  @JRS-DeveloperPosted over 2 years ago

  Hello about the font bold, you need to add the font weights that you want in the link of google fonts. Replace the line 8 of your code with this:

  <link
        href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap"
        rel="stylesheet"
      />
  

  In the wght@ notice that in your code it is only 200, you need to put 400 and 700.

  Marked as helpful

  1

  ---

  

  quinton•40

  @Spades01Posted over 2 years ago

  @JRS-Developer thank you so much! I will make the changes immediately.

  0

  

  Jose Sanchez•380

  @JRS-DeveloperPosted over 2 years ago

  @Spades01 Ok, and about the "padding", it is not padding, it is margin, and to solve it, to the first paragraph, the one that has the class "text", put in your css this:

  .text {
      // My other css.
      margin-bottom: 0;
  }
  

  Marked as helpful

  1

  

  quinton•40

  @Spades01Posted over 2 years ago

  @JRS-Developer thank you again!

  0