What are you most proud of, and what would you do differently next time?
My goal time was to finish the project within 1.5 hours and I was able to complete it in that time.
What challenges did you encounter, and how did you overcome them?
I realized that for my page to render correctly in both desktop and web layouts, I have to combine display: flex in my body, and margin: auto in my main component.
What specific areas of your project would you like help with?
I would like help with simplifying my CSS and removing unneeded properties.
What are you most proud of, and what would you do differently next time?
It was a simple project, I'm looking forward to tackling more complex ones next.
What challenges did you encounter, and how did you overcome them?
I spend some time trying to figure out how to center the card inside the body using flex. It took a while to figure out that I need to set the body height for vertical alignment. This is still hard to understand, because horizontal alignment seems to work perfectly fine even without setting body width explicitly.
What specific areas of your project would you like help with?
What are you most proud of, and what would you do differently next time?
I'm proud of producing a solution that is as close to the original design as possible.
One thing I would do differently is that instead jumping into coding immediately, I would note down common styles and plan the approach better.
What challenges did you encounter, and how did you overcome them?
I struggled with understanding how, when working on the mobile view, the list-items would overflow outside the parent's reduced width, where any other element's width would be self-corrected.
Ultimately, it took a lot of inspection of the html elements to realize that the list item was inheriting its width from the parent, but would get pushed to the right by the list marker.
What specific areas of your project would you like help with?
I would like general feedback on my CSS, if I am accidentally using any anti-patterns (such as using the wrong size units).
I would also like to know if I have made the right decisions with regard to html tags. Especially in the nutrition section, I went for a header-less table instead of a regular div grid, for which I had to write custom CSS just for the last column and last row. I did this because my understanding is that it helps accessibility, but I would like confirmation from a more experienced reviewer.
