Skip to content
Submitted 26 days ago

Recipe Page Main html css

BRAHIM AJGAGAL•320
@AslamtoIbrahim
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?
  • I learned of course new things like table and how to style it with css
  • ordered and unordered list
What challenges did you encounter, and how did you overcome them?
  • margins and paddings and they are still confusing
  • how style the rows of the table; I used nth child functions it was cool 😎
What specific areas of your project would you like help with?
  • I don't know when should I use margins=0
  • is em and rem actulley good for sizing

Community feedback

  • ِAhmed•650
    @Axsel519Posted 26 days ago

    You can make the margins 0 in an element * so that all elements do not have margins and then you can control the margin for each element you use

    1
    BRAHIM AJGAGAL•320
    @AslamtoIbrahimPosted 25 days ago

    yeah you are right but that would be so annoying if you add the margin for each element@Axsel519

    0
    ِAhmed•650
    @Axsel519Posted 25 days ago

    @AslamtoIbrahim It will never be annoying. + It will be comfortable for you because you will adjust the margins on all different screens.

    1
    BRAHIM AJGAGAL•320
    @AslamtoIbrahimPosted 23 days ago

    @Axsel519 Yeah I think you are righy. I found that margins and paddings are more confusing especially when adjusting themon all different screens.

    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