Skip to content
Submitted over 2 years ago

1st Newbie Challenge using React and React-Bootstrap

react, bootstrap
Edmund Teo Chang Hao•50
@tartufu
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am unsure on how to properly organise my css and class names.

This is a small project, but i recognise as projects get more complex it will become a lot messier.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Kevin Tatagiba•270
    @kevintata

    Hey man! Great job on this project, here are somes tips i'd give you

    Border radius on the main white card is off by a little, maybe try 15-20px. Colors on the h1 and paragraph are also wrong, try checking the style guide for the exact references.

    I saw you asked about CSS and class names,

    As for CSS, follow the order of the page. Start with any global or root commands I usually go body, containers, children in the containers, and keep going But the most important thing is that you are comfortable and can locate whatever you need quickly.

    For class names, make them logical and as easy to understand as possible, you don't want to get lost trying to decipher class names while coding

    Marked as helpful

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