QR Code component styled using external CSS
Design comparison
Community feedback
- @PanMikolajPosted over 2 years ago
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 helpful0@Jovaughn229Posted over 2 years ago@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@PanMikolajPosted over 2 years ago@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 GitHubJoin 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