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

QR code

@jihadsamad

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


A ll feedback is welcome Thank you in advance

Community feedback

Reuben👾 560

@Rubylenshy

Posted

Hi, @jihadsamad 👋. Congratulations on completing this challenge, you did a nice job. You could try these few suggestions out:

  • The <div class="first-div"></div> should be wrapped in a <main></main> tag, for easy recognition by any web browser, it stands out as the main content of the web page or just rename the 'div' to 'main'.
  • And an easy way to position your card at the center of the page without any margin is:
.first-div {
     position: absolute; 
     top: 50%; 
     left: 50%; 
     transform: translate(-50%, -50%)
}

I hope this helps :)

Keep Coding @jihadsamad

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