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.
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.
I'm proud of nothing
What challenges did you encounter, and how did you overcome them?I lost a lot of time adjusting the height and width
What specific areas of your project would you like help with?How to determine the width and height faster
Hello friend I think it is a good solution but you are missing to place the links at the bottom for your solution to be functional otherwise they are just text; Where you should place the links is in the class class=“second”, you can remove the <p> tag and replace it with the <a> tag to place the links and it would look something like this: <a href =“https://githum.com”>Github</a> good coding.
hello friend, congratulations, your solution is not bad but I think you should work more on the borders of the upper image using the sentence: border-radius; also you can style the letters, if you check the base file that you downloaded from frontmentor you will notice that inside it there is one called style-guide.md, there you can find the required styles for this challenge and you can improve your solution much more.
