Submitted 12 months ago

Flexbox to center the main component, semantic html, box model

Kin Learns•20

@kinlearn

A solution to the QR code component challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

Nothing as such. I just could do it quite perfectly..

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

I thought it was a very easy project, but I need to work on my speed. Also,

doing height : 100vh makes the body tag to have a scrollbar.
centering the div using flexbox for larger screens was challenging

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

min-width, max-width, etc. filter() etc.

Code

Please log in to post a comment

Community feedback

RobinsonGabriel•60
@RobinsonGabriel
Posted 12 months ago
Hi Kin,

Yeah that's pretty much a perfect 1 for 1 from what I can see, so points! What are you curious about with max-width and max-height in particular? I may have some good resources that helped me/I might just know the answer off the cuff.
Marked as helpful

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