Submitted over 2 years ago

QR code component with Bootstrap

Md. Mashroor Zilan Snigdho• 80

@mzs21

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Any suggestion?

Community feedback

Mohit Jaiswal• 50

@mohit421

Posted over 2 years ago

Hi , It's fully responsive that's good but change background-color and style as mentioned in challenge, give border-radius property to both image and card and footer style then your solution will be perfect .

Marked as helpful

Md. Mashroor Zilan Snigdho• 80

@mzs21

Posted over 2 years ago

@mohit421

Added border-radius but want to keep the bg-color & style different.

Thanks for your feedback.

Mohit Jaiswal• 50

@mohit421

Posted over 2 years ago

@mzs21 i hope you find it helpful then upvote

Katleho Clinton• 40

@Clinthub12

Posted over 2 years ago

Hi you can use the 'border-radius' property on your css to have rounded borders in both your image and container

Marked as helpful

Md. Mashroor Zilan Snigdho• 80

@mzs21

Posted over 2 years ago

@Clinthub12

Bootstrap's "rounded" class isn't working. Can you please help?

Please log in to post a comment

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