Skip to content
Submitted about 2 years ago

Intro component with sign-up form (HTML/CSS/JS - Responsive)

CO•80
@melco10
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

What did you find difficult while building the project?

  1. Building responsive especially the function warn of form.
  2. Trial and error of building function warn and also my logic. Which areas of your code are you unsure of?
  • My CSS and JS, I'm pretty sure it can be better in styling and also the function logic of Active warn state js. and also I'm struggling of figuring it out on styling code and JavaScript function code, because of my knowledge on front-end are still lacking yet.

"Feedback is welcome" "If some of the code lines are something off, feel free to correct me."

Community feedback

  • Kamasah-Dickson•5,590
    @Kamasah-DicksonPosted about 2 years ago
    1. Your solution looks great but not responsive. Use max-width for your card instead of just width .
    2. Don't use px for card widths, use rem to achieve responsiveness.
    3. To help with the accessibility issues wrap your card in a main semantic tag.
    4. Your footer must be text align center.
    5. Bonus : Headings must be used in reducing order e.g h1,h2,h3,h4 do not mixed them up they should be used in descending order.
    6. Stop using px units use rem and em besides you are doing pretty good man👍

    Happy coding and have a nice day👍

    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