Skip to content
Submitted about 3 years ago

React.js, React hooks, CSS

Carlos•1,110
@Carlos-A-P
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This is my first React app so pardon the unstructured layout.

  • Are there any resources or recommendation to structure an app like this when using react? I added all of my CSS to one style sheet App.css and was wondering if I should also separately add my page CSS and form CSS in different files.
  • I noticed that react injects the code within a div element so I was wondering if I still should add <header> <main> and <footer> tags within react? Let me know if you have any suggestions/tips/spotted bugs, I'd greatly appreciate it!

Community feedback

  • Account deleted

    This comment was deleted about 3 years ago

    1
    Carlos•1,110
    @Carlos-A-PPosted about 3 years ago

    @adrianerbod thanks for sharing, seeing how you structured you styling helps a lot, thanks!

    0
  • T0R0•280
    @XxtbmfxXPosted about 3 years ago

    This is how i structure my styles using SASS. Index have variables, normalice, App styles and Media.

    https://github.com/XxtbmfxX/frontmentor02/tree/master/src/styles

    App have all components styles.

    Marked as helpful
    0
    Carlos•1,110
    @Carlos-A-PPosted about 3 years ago

    @XxtbmfxX Ahh I see, I like how it's very easy to follow and also broken down to components. I'll try it out for my next project, thanks for sharing!

    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