Skip to content
Submitted 5 months ago

QR Code Card using Flexbox

DoneWithWork•160
@DoneWithWork
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?

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?
  1. How can I more efficiently style this with less code and perhaps better and cleaner usage of CSS

Community feedback

  • Omprakash Rahangdale•900
    @OmprakashRPosted 5 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
    1
    DoneWithWork•160
    @DoneWithWorkPosted 5 months ago

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

    0
    Omprakash Rahangdale•900
    @OmprakashRPosted 5 months ago

    @DoneWithWork

    welcome.

    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