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 USING CSS

AnasGrzor 100

@AnasGrzor

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@mohammed-sarhad-ahmed

Posted

Nice work. compare your code to mine and try to use it as a framework to make your work as close as possible to the actual design.

1

AnasGrzor 100

@AnasGrzor

Posted

@mohammed-sarhad-ahmed on my screen it was centered but after posting here I guess its not centered

0

@mohammed-sarhad-ahmed

Posted

@AnasGrzor you have use margin-left:750px for centering,this is not a good practice,this might work for your screen but for many people it wont work. use margin-left:auto and margin-right:auto or use margin: {your top and bottom margin} auto.

edit: i used the dev tools to edit your code, just by using margin-left:auto and margin-right:auto it fixed the problem with centring.with the added benefit that you do not have do use breakpoints to change the margins.

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