All comments

• 

  Nazaf•140

  @Nazaf64

  Submitted almost 4 years ago

  

  Intro component with signup form using grid

  1

  20
  

  Igor•110

  @bubahaze

  Posted almost 4 years ago

  Hello, you've got a nice one here, big up! I wish my code looked like yours 😄. Regarding exclamation mark, there an icon-error.svg in images folder, it's already red, you could append a class for input with background-image of icon-error and position it with background-position, just like you did with red borders around input area. In my solution I've got stuck at validation of email in .js, but yours look decent, and I think it could help me understand my mistakes. Cheers, bro!

  0

  Marked as helpful
• 

  Ohad•50

  @ohad331

  Submitted about 4 years ago

  

  box-shadow, Grid layout.

  1

  10
  

  Igor•110

  @bubahaze

  Posted about 4 years ago

  Hi Ohad, yes, grid is indeed a valid way to do this, especially that your layout is in a mess on different resolutions. Try to make a grid of all boxes (together with text-box) and put it in a wrapper with display: flexbox, this will allow you to make this layout stable while displaying on different screen resolutions. Search for grid-template-areas and I recommend you Mozilla Firefox: Developer Edition browser to display your grid-model in a helpful way to see how you could improve your code. For mobiles a flexbox and flex-direction: column will be sufficient. You are doing great and keep working, watch other people's solutions, that's what helped me to improve my version of this challenge ;) Cheers, mate!

  1

  Marked as helpful