Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Signup Component (HTML/CSS flexbox/JS)

Ouattara 200

@Kaji17

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


this project help me to use BEM in my CSS and improve my skill in HTML/ CSS notably in Js. in my Js i repeat a same instruction with different var so can you help me for improve my code base (●'◡'●)

Community feedback

@placeteno

Posted

Hello Ouattara,

Like Adriano mentioned, the final result of your project looks great, very close to the original design. Well done!

I just wanted to encourage you to use rem as your main unit throughout the whole project instead of px. There's nothing wrong with pixels, but they are not as responsive as rem, especially if a user has a different font-size in their browser other than the regular 16px. Also, try resetting your margin and padding and setting box-sizing: border-box at the top of your stylesheet using the universal selector *{...}. That will make your life much easier! 😃

I hope this helps!

Marked as helpful

0
Adriano 34,090

@AdrianoEscarabote

Posted

Hi Ouattara, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

The rest is great!

I hope it helps... 👍

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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