Submitted 3 months ago

QR Code Card using Flexbox

DoneWithWork• 160

@DoneWithWork

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?

Proud of

learn a little about text-shadow
practised on layouts

Next time

little more research on concepts applied

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

Centering a div :)

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

How can I more efficiently style this with less code and perhaps better and cleaner usage of CSS

Community feedback

Omprakash Rahangdale• 900

@OmprakashR

Posted 3 months ago

Hi,

Congratulations!! for trying this assignment and doing very nicely. I have some suggestions for you... don't use '<br>' for text start for new line. you can use calc(), and 'ch'

using ch you can set the width of the character.

https://www.freecodecamp.org/news/css-unit-guide/

Thank you!!

Marked as helpful

DoneWithWork• 160

@DoneWithWork

Posted 3 months ago

@OmprakashR thank you very much. Will check this out.

Omprakash Rahangdale• 900

@OmprakashR

Posted 3 months ago

@DoneWithWork

welcome.

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