@Jvps321
Posted
I noticed that it was bigger than proposed and when trying to make it in mobile size, half of the site becomes unavailable because it goes up and there's no way to see it, to fix this just remove the "height" of the boby. A tip is also to add a “div” to cover the entire content of the site, but leaving the “picture” tag out to facilitate responsiveness. As for making it responsive, just take it and put a "@media screen and(max-width:590px) {what should be changed}", an example of what you can change, if you added the extra div you You can remove the "padding" from the article and place the "padding" in the extra div to leave the image occupying one side of the screen to the other in addition to removing the "border-radius" from the image. If you have any doubts about something I said and want to see how I did it, link to my GitHub: https://github.com/Jvps321/recipe-page-main