Skip to content
Submitted 6 months ago

Simple Omelet Recipe With flex and grid

daurygg•170
@daurygg
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 would like to be faster.

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

It was a bit difficult for me to make this page responsive because I needed padding on my headers but not on the image. I solved this by adding another class called container-responsive.

Please log in to post a comment

Log in with GitHub

Community feedback

  • Austin Junior•100
    @Austinjnr

    To improve the nutrition section, consider using HTML tables, which provide a structured layout perfect for displaying grouped data. You can leverage the border-bottom property on table rows to create a clean, separated look, enhancing readability and visual appeal. This method keeps the table easy to style and adjust while allowing flexibility to customize each row or cell to suit your design preferences.

    Marked as helpful

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