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 QR code

@ritesh7785mishra

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


Used media queries to make it responsive for different type of screens

Community feedback

@BMcdavitt

Posted

Nice job completing your first solution!

One quick suggestion if you don't mind, an easy way to center your content vertically is to set the height to 100vh within the body definition. This would make the height of the body equal to the height of the viewport. This taken with the current "align-items: center" definition will nicely put your content in the middle of the browser's view port.

body{ display: flex; height: 100vh; align-items: center; justify-content: center; background-color:hsl(212, 45%, 89%); }

Marked as helpful

1

@ritesh7785mishra

Posted

@BMcdavitt thanks for your suggestions 😊 made corrections in the code

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