Design comparison
SolutionDesign
Community feedback
- @BlackpachamamePosted 10 months ago
Greetings! you have done a great job 😎
You can center the content in the center of the screen by applying the following to your body:
body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; background-image: url(bg-intro-desktop.png); background-size: cover; background-repeat: no-repeat; background-color: hsl(0, 100%, 74%); /* max-width: 1440px; I don't see it necessary */ display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; /* Separate the main from the footer */ min-height: 100vh; }
0@sarah131313Posted 10 months ago@Blackpachamame Thank you so much that was helpful , so I will update the solution
0
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