Submitted about 2 years ago
Responsive Huddle landing page with w/ reactjs
@BasharKhdr1992
Design comparison
SolutionDesign
Solution retrospective
Your feedback is highly appreciated!
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Bashar, congratulations for your new solution!
Your solutions is almost complete, you miss only two things:
The hero section is too big, to make it have a proper size, use
max-width
to avoid the section growing too much.See the fixes for this here:
.main { display: flex; max-width: 1110px; justify-content: space-between; margin-top: 5.5rem; }
The background is not display 100% of the viewportheight, to make it take all the screen height, use
background-size: cover
. See the code fixes below:.wrapper { background-color: #674baf; background-image: url(/static/media/bg-desktop.6824779β¦.svg); background-repeat: no-repeat; min-height: 100vh; padding: 2rem; background-size: cover; }
π I hope this helps you and happy coding!
Marked as helpful0@BasharKhdr1992Posted about 2 years ago@correlucas Thanks mate for your valuable comment
1
Please log in to post a comment
Log in with GitHubJoin 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