All solutions

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

I learned a bit about styling ordered/unordered lists and media queries. I'm still struggling to understand how to size things to match the design, as well as best practices for the overall HTML structure, i.e. using a tag vs. tag.

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

I struggled with trying to use a table for the nutritional info but watched a YT tutorial by edsHTML and was able to style the section much easier afterwards.

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

Any feedback is appreciated!

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

I'm definitely completing the challenges faster than the previous challenge and feel pretty good about my HTML and CSS structures. I'll await feedback to see what I need to improve on.

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

I am still having difficulty with padding, margins and image and font sizes in relation to the overall size of the design. I spent most of my time tweaking the sizes.

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

I would appreciate feedback on my HTML/CSS code and what I should've done differently. Thank you for checking out my solution!

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

This was a fun challenge! I incorporated CSS grid and flexbox in order to expand my skillset.

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

I had a much easier time positioning elements in this challenge vs QR code challenge.

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

I'd like feedback on the HTML tags I used, as well as the CSS styling strings I used.

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

6/21/24 - I've updated my solution based on feedback from members. I hope I updated my solution the correct way here... Anyway, I had problems with positioning the 'attribution' text below the flex container without affecting the positioning. I still had issues with positioning the flexbox container on the screen - justify-content and align-items weren't working - but I found this article about using 'margin: auto' and that worked. Wish I knew why justify- and align- didn't work on the flex container but worked on the internal flex items.

This was a good challenge for me after watching several beginner courses on YouTube. I struggled a bit but felt that I learned a lot about troubleshooting html and css issues.

Next steps: read through the MDN docs and watch a few more courses, then tackle the next challenge.

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

I encountered issues with sizing the elements in CSS.

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

I'd appreciate it if a more experienced dev can give me feedback on my html and css structure and what I could've done differently.