All solutions

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

My work is not perfect and some little things were hard to make.

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

I used object-oriented programming for this one.

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

I just made a simple design of the share bar, based on mobile version.

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

I encountered difficulties in organizing myself at the SCSS level. I need to think better about HTML structure and its consequences in order to better meet responsive requirements.

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

The javascript was a little difficult to set up but I'm pretty happy with the result.

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

As it currently stands, the change of state upon click is brutal. I would have liked to be able to drag the appearance and disappearance of the .

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

The grid placement was practical, especially regarding the image. But I had some difficulties with its size and its position in responsive.

I preferred to give the background responsive behavior for larger screens as well as for mobile screens rather than sticking 100% to the model.

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

I encountered some difficulties with :hover but little by little I am able to understand the absolute/relative mechanisms.

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

No particular difficulties. The layout is basic and the responsive rather simple to implement.

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

No particular difficulty here. I'm pretty happy with the result.

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

I encountered difficulties in animating the button, fortunately ChatGPT was able to help me ;)

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

I'm happy to notice my progress. This exercise seemed rather simple to me, I performed it in 1 hour and without any particular difficulty.

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

I am happy with the result regarding the Grid.

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

I worked a lot on the aesthetics of the Desktop version, I hope you like it.

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

I encountered a particular difficulty concerning the "nutrition-score" part. I tried to format a table (with the tags table, tbody, tr, td) but unable to create a ::after for the separation. I finally opted for divs. If anyone has a solution with the right tags, I'm listening.

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

I'm quite happy to have managed to make everything as responsive as possible. This is my first contribution, I'm still getting started.

UPDATE : I readjusted the elements to better fit the model.

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

The positioning gave me a hard time. But it gave me a better understanding of Flex and Grid.