Submitted about 2 years ago
Huddle landing page with a single introductory section with flex-box
@MhmodMd1
Design comparison
SolutionDesign
Solution retrospective
Give me. Your Feedback
Community feedback
- @thefathdevPosted about 2 years ago
Hi MhmodMD! Great job with your design ✨ To make your intro section align in the middle of the page, you can
- add css properties
{display: flex; align-items: center; justify-content: center;}
to the.main
selector - pull out
header
element to be abody
element's direct child - add some padding to
header
- and, switch the background image from
.main
selector tobody
Hope this helpful! Happy coding 🙌
Marked as helpful0 - add css properties
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