Submitted 9 months ago
Omelette Recipe using HTML and CSS only (VScode)
@Trumpibeabuchi
Design comparison
SolutionDesign
Community feedback
- @rawannmmohamedPosted 9 months ago
hello, great job ! You could try to give the body 100% height and apply display : flex to center the container and to make it more responsive.
body {
background-color: rgb(250, 236, 231); font-family: Outfit; display: flex; height: 100vh; justify-content: space-around; align-items: center;
}
and don't forget to remove the absolute positioning for container.
.container {
background-color: white; border-radius: 18px; width: 500px; padding: 25px 20px;
}
and adding media queries would be better for responsiveness.
you are doing very well , keep going !
Marked as helpful0
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