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 on React

@oc-garcia

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


My second project on react. Would love some feedback.

Community feedback

Andro87 1,460

@Andro87

Posted

Hi oc-garcia! Great job in completing this challenge!

To improve your solution you can:

-use box-sizing: border-box property for all elements to include the padding and border in an element's total width and height:

*{
box-sizing:border-box
}

-add max-width and margin: auto-properties in the "page-container" class (es. max-width: 90% for small devices, max-width: 58rem for bigger ones) to view the optimal layout based on the device's screen size.

Happy coding!!

Marked as 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