Skip to content
Submitted 7 months ago

Recipe Page

Hoda Hossam•80
@hoda257
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Taking shorter time to think how to solve a problem while styling elements.

What challenges did you encounter, and how did you overcome them?

Styling table elements and again I asked Google :)

What specific areas of your project would you like help with?

How to set sizes like width, height,... with dynamic units like [em, vh,..] not with px ? I always struggle how to choose the best unit and how to apply it to work good in all situations

Community feedback

  • Sivaprasath•2,520
    @sivaprasath2004Posted 7 months ago

    Hello, I would like to extend my congratulations on completing this challenge.

    • Additionally, I have a suggestion that I believe could enhance your skills.
    main{
max-width:700px;
}
    • in Mobile site view there is a footer tag is hide dispaly:none; .i will suggest following the code
    body{
position:relative;
}
@media (max-width: 767px)
.attribution {
    position:absolute;
    bottom:0%;
}
    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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