Skip to content
OverviewSolutions
2
Comments
2
modiboCamara
@modiboCamara

All comments

  • Mahmoud El-Houssieny•80
    @MahmoudelhousinySubmitted 2 months 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
    modiboCamara•40
    @modiboCamaraPosted 2 months 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
  • modiboCamara•40
    @modiboCamaraPosted 3 months 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