responsive signup page w/ validate & toggle functions

Community feedback

• 

  P

  DocForLoop•410

  @DocForLoopPosted 1 day ago

  Hi, I have checked your code here are my suggestions:

  • I see that the picture element media query is set to 768px, but I think is better to set about 1200, because between 768px and 1200px is usually for tablets and small laptops , and you can keep the column layout till 1200px and switch to desktop design from 1201px
  • I think flexbox is better than grid for simple column to row layout changes, less code needed and it's simpler
  • In body use min-height: 100vh
  • For font sizes you can use clamp() function to make the title responsive, I don't think you need transform: scale()
  • I you want to add transition to button with linear grad use overlay effect with opacity and you can add transition to opacity and it will work

  Hope it helps! :)

  Marked as helpful

  1