Skip to content
Submitted about 1 month ago

bam blocks, flexbox, grid, media queries

Khrystyna Horbenko•230
@KristinaHorbenko
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 challenges did you encounter, and how did you overcome them?

While developing the recipe page, I encountered a difficulty. namely, the correct display of the recipe image in the mobile version so that it occupies the entire width of the screen without unnecessary indents. There were also difficulties with centering the section-attribution block so that it is located exactly in the center on all devices.

Community feedback

  • Maicol Rodriguez Martinez 💻•60
    @MaicolRomaPosted about 1 month ago

    hello friend I think your solution is very good, but you should work on the font styles especially the title and subtitle styles (Simple Omelette recipe, Ingredients, Instructions and Nutritions), also if you think well, you can work on the borders of the image by placing the property “border-radius” you can place a more rounded border, to leave your solution much better.

    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