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.
@MaicolRoma
Posted
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.
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
