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

Intro component with sign-up form with Bootstrap Grid

mrxshinji 370

@mrxshinji

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


It its more cumbersome to handle element for responsive site then I thought. Probably I didn't setup breakpoint properly following bootstrap grid system.

Community feedback

Hyron 5,870

@hyrongennike

Posted

Hi @mrxshinji,

Congrats on completing the challenge

Just a few suggestions for mobile. Add the following in your media query for mobile, the form is a bit too narrow.

#form__card, 
#form__card input,
.subheading {
    width: 100%;
}

the below is just for the text at the top the padding is a bit too much.

.content {
    padding: 3rem 1rem 1rem;
}

Hope these are helpful

1

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