All solutions

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

I took a mobile first approach here, working on a base design then using a media query to conditionally apply some CSS to format it for bigger viewports - in this instance a desktop, I definitely will be using this approach in the future as its simpler to work with.

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

Issues with the images - especially responsiveness but using max-width and understanding it's relationship with the parent and child containers helped as it ensured that the content - image in this case - did not overflow it's parent container and stayed within the main container due to the max-width property which inherits it's width from the parent container.

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

Responsiveness General HTML & CSS Layout

I used CSS Grid for Nutritional Table previously and then changed it to a HTML Table

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

Responsiveness

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

I managed to do this one compared to my first one in quite literally half the time - it took me an hour overall

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

The positioning was slightly weirder with having a main tag but I managed to understand flex containers and items more precisely.

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

I want to understand if my design is considered responsive when changing the device size to match the one in the Figma file for mobile view.

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

I would use semantic tags more - I feel I did pretty well in the CSS which is usually my downside

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

I struggled with the Figma file initially - however after some thorough research it got a lot easier on how to use - still a beginner but getting there.

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

I would like to get better at responsive designs more - I want to understand responsive layouts more and when we can use them etc