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

Responsive landing page, using flex-box and media querys

Marcos_Oviedoβ€’ 40

@Stack-Mm

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


My only difficulty was the attempt to make it responsive, I am not sure of how classes and as the main element positions, I think there could be the project in less code lines. Any constructive criticism that may give me would be very helpful to grow

Community feedback

P
visualdennisβ€’ 8,375

@visualdenniss

Posted

Congrats on completing the challenge successfully! Looks great overall.

My suggestion would be to get rid of the extra white space around the main content by removing the margin top and the width: 90%, so the blue background covers the whole page. Also you might wanna add a max-width for the card or the img as it gets too big on bigger screen sizes. Otherwise everything looks great!

Hope you find this feedback helpful!

1

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