Submitted about 2 months ago

QR code component

Anand Kunal Mishra• 10

@anandkunalmishra

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 learnt to write better css.

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

I was not able center the card but at the end I did it successfully.

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

I want help in better flex position learning and applying.

Community feedback

ChristianM• 110

@DevXtianM

Posted about 2 months ago

Hi! You did a great job, but there is still room for improvement!

Here are some tips for you:

-Try to reduce the use of <div> elements for now and focus on better HTML semantics. It will help you a lot. Check out this video: "Introduction to HTML : Improve Your HTML Semantics".

-In terms of centering elements check Flexbox and Grid Layouts, If you want to learn Flexbox check this page: FlexFroggy

-Instead of using percentages (%) for text, padding, border, and margin, use rem or em. Check this for reference: "CSS Units & Sizes "

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