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

Simple QR code component with HTML & CSS

@Monerhex39bg

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

Kenbak 40

@Kenbak

Posted

Congrats on your first challenge friend!

I would put this code in the body selector so the component is centered.

    min-height: 100vh;
    display: grid;
    place-content: center;
}

Also you might want to use a separate css stylesheet so your code is more readable. It doesn't matter for small projects like this one, but it will become hard to follow through on more developed apps.

0

@Monerhex39bg

Posted

@Kenbak I put these properties in my code and follow your advice to use a separate css stylesheet, but... I have a problem. I remake the project and remove a few things and after that edit it this solution to view the remake, right, but it doesn't change anything. I don't know why, so I decide to ask you first, and if you cannot help me I will ask the slack community. Do you know what I'm missing with the change of the solution?

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