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-component-with-html-css

Emmanuel 10

@zoubinnaba

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


Hi, will like to have somme feeback about the best pratique.Thanks.

Community feedback

@akramAdjab

Posted

Hey Emmanual and congrats on completing this challenge

I saw that your component is not perfectly centered in the middle of the page. I also checked your code if there were some errors and found that you didn't try to center it. So, try centering it with flexbox or grid.

-Flexbox: try to write the following code in your body tag

Display: flex
Align-items: center;
Justify-content: center;

-Grid: try to write the following code in your body tag

Display: grid;
Place-items: center;

There are a lot of different ways to center your component in the middle but these two are the most popular and used ones.

I hope my feedback was helpful, if it's don't forget to marked as hepful 🙌🏻

0

Emmanuel 10

@zoubinnaba

Posted

@akramAdjab Thanks for your feedback, i take into considaration what you have said and center the elements and improuve the design.You can look and give me some feedback if you have.Thanks you again.

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