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 Component - used HTML, CSS and Bootstrap cards

@SarahBiscuit

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am proud that I used experience of using Bootstrap cards on a different project to get this to work effectively and simply. And that I was able to fix issues with it not centering properly.

What challenges did you encounter, and how did you overcome them?

I struggled with getting the card to center and had to research how to fix it.

What specific areas of your project would you like help with?

I struggled with getting the image to center vertically.

Community feedback

@justinsane

Posted

Nice design.

Have you explored border radius using boostrap?

Marked as helpful

0

@SarahBiscuit

Posted

@justinsane Thank you very much for your feedback. I hadn't done and I will look into how to do that.

0

@justinsane

Posted

@SarahBiscuit You got this!

0
Hneen 70

@HneenAlshelaly

Posted

use Bootstap will help you a lot

Marked as helpful

0

@SarahBiscuit

Posted

@HneenAlshelaly Absolutely, that's what I'm finding. I'm trying to learn front end libraries on freecodecamp at the moment. Thank you very much for your feedback.

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