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 | HTML/CSS/JS/Bootstrap

@phamichanh

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

Community feedback

jackie18 10

@jackietrang

Posted

nice solution! I like your use of javascript as well.

I wonder why you placed everything inside a "container" and "row" class? I didn't see they are used in css file so just curious about your intention. Thanks!

0

@phamichanh

Posted

@jackietrang "container" and "row" are the basic class of Bootstrap framework. I use bootstrap for creating responsive website.

Containers provide a means to center and horizontally pad your site’s contents. Use ".container" for a responsive pixel width. Bootstrap comes with three different containers: .container, which sets a max-width at each responsive breakpoint .container-fluid, which is width: 100% at all breakpoints .container-{breakpoint}, which is width: 100% until the specified breakpoint

Rows are wrappers for columns. Each column has horizontal padding (called a gutter) for controlling the space between them.

Read more information about "container" and "row" in the link below. Bootstrap Grid system: https://getbootstrap.com/docs/4.0/layout/grid/

0
jackie18 10

@jackietrang

Posted

@phamichanh Thank you so much! super helpful!

0

@phamichanh

Posted

@jackietrang You are welcome. Wish you do your best.

0

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