Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Omelette Recipe using HTML and CSS only (VScode)

@Trumpibeabuchi

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@rawannmmohamed

Posted

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 helpful

0

@Trumpibeabuchi

Posted

Thank you @rawannmmohamed.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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