Skip to content
Submitted over 1 year ago

QR-Component

Chayne White•70
@ChayneW
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

Solution retrospective

Hello Everyone!! as my first frontend design, I would be very grateful on any tips or suggestions for any improvements and concepts that I should hone in to make my design better!!

Community feedback

  • Oluwalolope Adeleye•600
    @OluwalolopePosted over 1 year ago

    Hey! Congratulations on completing the challenge 😄 I have a few suggestions that you may find helpful.

    1. Add padding to your p-tag by doing this:
      -In your HTML <p> Scan the QR code to visit Frontend mentor and take your coding skills to the next level </p>

    In your CSS p { Padding-left: 20px; Padding-right: 20px; Color: Gray; } Please feel free to adjust the px values until it looks desirable to you

    2.Change the font color of the p-tag to match the design: In the CSS above I added Color: Gray; .

    It will help change the color of the text from black to a lighter Gray color.

    I hope you found this information helpful! Once again Congratulations on completing the challenge 😄

    Happy Coding 😄👨‍💻

    Marked as helpful
    1

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