All comments

• 

  Mahmoud El-Houssieny• 80

  @Mahmoudelhousiny

  Submitted 7 days ago

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

  so proud of making it responsive while i walk into code not at the end as i was always did before

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

  i think the only challenge is the customization of the font size and margins or padding because its a free virsion so i cant acsses the figma file

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

  aligning the submitt button vertically with the input

  

  Huddle-Landing-Page

  1

  00

  

  modiboCamara• 40

  @modiboCamara

  Posted 7 days ago

  for aligning the input and the submit button on the mobile version if would have been easier to make the form element a flex-container that way you could simply apply the flex-direction to column and then center aligned them.

  but here is a solution for the setup that you have.

  input {
    display: block;
    width: 100%;
    padding: 0.75rem;
    margin-bottom: 1rem;
  }
  button {
    margin: 0;
    display: block;
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
  }
  

  Add this code to your stylesheet and it should solve your problem. and make sure you don't have any specificity problems otherwise this code will not be applied.

  1
• 

  Dirk• 210

  @dirkvankrieken

  Submitted 11 days ago

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

  Figuring out email validation using Regular Expressions.

  

  Newsletter sign-up form with success message

  2

  10

  

  modiboCamara• 40

  @modiboCamara

  Posted 11 days ago

  nicely done , the code is very organized and structure.

  I have only one suggestions for you is that you started using relative units when it comes to paddings, margins and font-sizes it will allow better responsiveness.

  Good job.

  0