Submitted almost 2 years ago

Desktop & Mobile view using flex element

Alex• 1,310

@AlexKolykhalov

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

I would like to ask about css organization. Am I doing the right thing by writing the size or font in the class. What is the best way to avoid confusion?
Write any comments about my html code or css.

Community feedback

Ahmed Elshennawi• 70

@AhmedElshennawi

Posted almost 2 years ago

Hi Alex, That's great work!

The body can be improved by rewriting the code body { padding: 1em; font-family: var(--ff-body); background-color: var(--clr-400); display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; }

Alex• 1,310

@AlexKolykhalov

Posted almost 2 years ago

@AhmedElshennawi, thank you!

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