Skip to content
Submitted 7 months ago

QR code component using HTML and CSS

Baji Shaik•110
@BajiShaik000
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 am proud of my HTML and CSS skills and I would likely to use SASS for styling next time.

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

There is little bit confusion to use h2 or h3 tag for main-title. As of now I have used h3 tag and given custom size to h3 tag to match the design

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

Kindly Review my solution and Provide Feedback

Community feedback

  • Sivaprasath•2,520
    @sivaprasath2004Posted 7 months ago

    Hello, I would like to extend my congratulations on completing this challenge.

    • I will give some suggestion i believe its used for improve your skill.

    In CSS You will use

    .card{
    padding: 15px;
    margin:20px;
}
    • I will recomand for Using rem values for padding provides a scalable and flexible approach, especially when considering accessibility and responsive design.
    .card{
    padding: 1.5rem;
   margin: 2rem;
}
    Marked as helpful
    1
    Baji Shaik•110
    @BajiShaik000Posted 7 months ago

    @sivaprasath2004 Thanks for your feedback

    1
  • Endy1381•150
    @Endy1381Posted 7 months ago

    your site is perfect. maybe add a shadow to the card and then it will be more enhanced. use the box-shadow in CSS. also i recommend adding a README file. describe your project, add screenshot of the project and provide a link to your site. have a nice day!

    Marked as helpful
    1
    Baji Shaik•110
    @BajiShaik000Posted 7 months ago

    @Endy1381 Thanks for your feedback.

    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