@Saad-Hisham
Posted
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✨
@Naglaa99
Posted
@Saad-Hisham. I'll take your notes into consideration. Thanks✨