Skip to content
Submitted about 2 years ago

1st Newbie Challenge using React and React-Bootstrap

Edmund Teo Chang Hao•50
@tartufu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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.

Community feedback

  • Kevin Tatagiba•270
    @kevintataPosted about 2 years ago

    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
    0

Please log in to post a comment

Log in with GitHub

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