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

flex

@johnjilly689

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


project was just normal

Community feedback

Aimal Khan 2,260

@Aimal-125

Posted

Bro in your css code, in the .container class don't use position absolute if you already used display: flex; And increase the height of body element to 120 or 150vh by using media query with max-height 500px; So that your card looks good on screens with small heights as mine (samsung j3).

0

@kushal-rai

Posted

in .container use border-radius of about 10-15px and also to the image. There's a txt file called style-guide.md on starter file with all color and font to be used in the project. The goal is to get at close to the final design. cheers!

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