Skip to content
Submitted 8 months ago

QR code component using CSS

Dylan Molthu•70
@dmolthu
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

What are you most proud of, and what would you do differently next time?

I'm most proud of the fact that I was able to recreate the sample almost perfectly on my own. Next time I would definitely switch up some styles if the project requirements allow me to.

What challenges did you encounter, and how did you overcome them?

I had the problem where I forgot to link my CSS file to my HTML, so the styles weren't showing up on the page. I took a moment to figure it out and I finally realized.

What specific areas of your project would you like help with?

None.

Community feedback

  • SIBI•80
    @sibi404Posted 8 months ago

    Try to add appropriate colours

    p {
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: hsl(220, 15%, 55%);
}

    While styling paragraph or like tags try to specify the parent div

    Another thing I noticed is that the width of card is small than the actual size

    Marked as helpful
    1
    Dylan Molthu•70
    @dmolthuPosted 8 months ago

    @sibi404 Hi, thank you for your response. I did notice that the width of the card came out a lot skinnier than the original sample, which is something that I will try to fix up. Thank you for the response again I really appreciate the feedback.

    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