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 Scan code using CSS and Bootstrap

@chidinmabnwaeze

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

@foguibe

Posted

The QR Code should be centered. You can go online and make a research on how to center a div.

1

@chidinmabnwaeze

Posted

Will do. Thanks @foguibe

0

@Ediomojose

Posted

First some little corrections have to be made on the card positioning and I’ll also suggest you use vanilla css for this instead of using a css library(Bootstrap).

If this was done with vanilla css the code for the body can position the card at the center of the browser

body{ display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:100vh; }

0

@chidinmabnwaeze

Posted

Alright, thanks alot, I'll try it again @Ediomojose

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