Submitted about 1 month ago

Responsive design intro component w/ signup form

Abaso•120

@originalboss

Preview site View code

This is a solution for...Intro component with sign-up form

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I had a good start with the javascript but I need more studying and practice. I'm proud that I did th css styling before moving on to js. Before, this project I would always use js to do all of the error designing.

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

I struggled w/ the js. I had a good start but the approach I was taking was too complex or overcomplicated.

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

I will continue to practice and perfect the js.

Community feedback

Lo-Deck•2,790

@Lo-DeckPosted about 1 month ago

Hi well done for this challenge,

It's better to use em or rem instead of px. FreeCodeCamp. FreeCodeCamp.

And look at your HTML set it correctly :

beginning : 
<div class="userInput">
<input type="text" placeholder="First Name" class="text">

end:
<footer>By clicking the button, you are agreeing to our <a href="">Terms and Services</a></footer>
    </div>

to :

beginning : 
<div class="userInput">
  <input type="text" placeholder="First Name" class="text">

end:
  <footer>By clicking the button, you are agreeing to our <a href="">Terms and Services</a></footer>
</div>

After it's a mess when you need to debug it or someone else try to read your code

<main>
   <div class="content">
 <div class="text">

to :

<main>
   <div class="content">
     <div class="text">

Take care of the structure of the tree.

Hope to be helpful.

Please log in to post a comment

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