simple recipe page with 3 versions (mobile, tablet and desktop)

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

I’m happy to have completed this challenge by creating versions that are nearly identical to the original for desktop, tablet, and mobile. I also honed my skills in manipulating tables using pseudo-classes like :last-child and :nth-child. Additionally, I’m pleased with the customization I achieved for unordered (ul) and ordered (ol) lists.

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

A lot of customization, including lists, tables, and handling different values for various selectors, is needed to achieve a responsive design. I think a moment of hindsight is necessary at this stage to see how I can move forward and improve.

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

idea and principles of responsive design and a methodology to work with (mobile first principle, best practice, ...etc.)