Skip to content
Submitted 5 months ago

frontend mentor qrcode solution

Amirul Afanndy•30
@amirulafanndy
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 using basic CSS for styling. I will try to use CSS framework like Bootstrap or TailwindCSS next time.

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

I got problem with centering the item in the div elements tag. I learn how to use CSS flexbox property to solve this.

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

Look at my CSS structure if it is written clean and structured or it is messed up.

Community feedback

  • Pirate•170
    @ima9ghPosted 5 months ago

    Hello! Looks like you did it right and clean.

    You did not pay attention to the font size of the title and breaking the words in the lines!

    Good luck.

    0
    Amirul Afanndy•30
    @amirulafanndyPosted 5 months ago

    @ima9gh Hi Pirate thank you for the comment. I dont think I am using the correct font in this project. Will work on the fonts sizing.

    0
    Pirate•170
    @ima9ghPosted 5 months ago

    Hi @amirulafanndy !

    The font type and weight are mentioned in the style file.

    • Family: Outfit
    • Weight: 400, 700

    Weight 700: Bold and 400: Regular. Let me know if the feedback was helpful!

    Marked as helpful
    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