Responsive Omelete Recipe Page using HTML And CSS

What are you most proud of, and what would you do differently next time?

I proud that I make this website only looking at the design without watching any recipe-page (project name) tutorial Next time I will make some harder project then this and learn new thing That I had learned from this project like how to google problems which we faced while making projects

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

In Nutrition section I faced problem when we have to give same space in between all the nutrition facts When first time I looked this I think it will be solved by using flex or in changing layout of the html but after same time I open inspect option and then I know all nutrition fact widths are distinguished so then I set the all span tag width same and give display:inline-block , give margin-left in percentage according to design Then problem is solved and I feel very happy to solve this problem by my self

What specific areas of your project would you like help with?

When I completed the desktop design and moving to the mobile design, I faced one big problem of omelet image width covers all the area of the mobile design 100% but I make project using 1 container in main tag in html according to the desktop design and give the padding to the container but When I jump to the mobile design I google this problem, and I try to apply not pseudo to the first-child of the container but I not able to do that So , I changed the html structure and make 2 divs in html in one I give omelet image and in second div I give other remaining html content and then give padding to it then this problem was solved