Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR code component using CSS flex-box

Solis-Dev 10

@Solis-Dev

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • 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´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

P

@jvansch1

Posted

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-Dev

Posted

@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
Discord logo

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