Design comparison
SolutionDesign
Community feedback
- @Saad-HishamPosted about 1 year ago
Hi there 🙋♂️ Congratulations on completing the challenge!🎉 Here are some tips to improve your solution:
1.Wrap the entire content inside the <body> tag within a <main> tag. This will help structure your HTML code properly:
<body> <main> <!-- Your content goes here --> </main> </body>
2.Add the following styles to the <body> tag to center it vertically and horizontally on the page:
body { min-height: 100vh; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; }
3.Apply the following style to the text within the section to better match the design:
.section .text { max-width: 41rem; }
Keep up the great work✨
1@Naglaa99Posted about 1 year ago@Saad-Hisham. I'll take your notes into consideration. Thanks✨
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