Skip to content
Submitted 3 months ago

QR code component using CSS flex-box

Solis-Dev•10
@Solis-Dev
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´m proud of how fast I develop the challenge
  • In future challenges I will use a more responsive solution rather max-width
What challenges did you encounter, and how did you overcome them?

My principal challenge was the size of the card component that doesn't adjust to the content like in the design looks, my solution was the use of max-width, but I think that exists a better way.

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

I would like to get help to learn about responsive layout

Community feedback

  • John Van Schultz•40
    @jvansch1Posted 3 months ago

    Looks good overall. I think one thing thing you could have done is separated the CSS into its own stylesheet and imported it in the head. Other than that your solution looks great!

    I am also new to CSS so I am not sure if max-width is the best way but I think what you did also makes sense

    Marked as helpful
    0
    Solis-Dev•10
    @Solis-DevPosted 3 months ago

    @jvansch1 thank you for your feedback, separate the style in a CSS file it's a good idea, specially for big proyects

    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