Submitted 4 months ago

frontend mentor qrcode solution

Amirul Afanndy• 30

@amirulafanndy

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

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

@ima9gh

Posted 4 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.

Amirul Afanndy• 30

@amirulafanndy

Posted 4 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.

Pirate• 170

@ima9gh

Posted 4 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

Please log in to post a comment

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