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 styled using external CSS

@Jovaughn229

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

@PanMikolaj

Posted

The card isn't centered on diffrent resolutions.

Try to work out with flexboxes .

If you don't know what flexbox is, you should definitely learn something about it, because it will be very useful for You in the future!

If You want some example code, feel free to go and check out my attempt of this challenge: https://www.frontendmentor.io/solutions/qr-code-component-qgm4m_84z

Good luck and have fun with other projects!

Marked as helpful

0

@Jovaughn229

Posted

@PanMikolaj When I view the solution using live server in Visual Studio everything is showing up in the right position, but when I upload it to github its is showing something different. Any idea what that could be?

1

@PanMikolaj

Posted

@Jovaughn229 I see that you figured it out by yourself.

the problem was setting your card with not-relative units.

As you can see flexboxes help you with that!

At the moment I see that you centered it using flexboxes and everything is working. Good job!

Good luck and have fun with other projects!

1

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