All solutions

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

Getting everything to work and be able to dynamically position the background images.

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

The positioning of the footer image was a bit tricky combined with the elements and see trough colour.

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

Any feedback would be appreciated.

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

Completing the challenge.

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

I wanted to position the quotation background without using absolute values. To solve this, I needed to use two backgrounds in the same container.

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

Any feedback would be appreciated.

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

Finishing the challenge and improving my CSS grid skills.

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

The main challenge I encountered were in the desktop version, when I needed to place the card elements according to the design. I have not been working that much with CSS grid, but after reading about it I managed to solve the problem.

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

Any feedback would be appreciated.

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

Completing the challenge.

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

I had some problems with the svg icon being clipped so I added the overflow="visible" to my css.

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

Any feedback would be appreciated.

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

Completing the challenge.

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

I had some trouble with the nutrition table. At first, I used the HTML table but it was really difficult to style. Then I changed it to CSS Grid instead and it became much easier.

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

Any feedback would be appreciated.

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

Completing the challenge and getting everything up and running.

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

I had some problems with getting the links to work as intended. At first, I had an unordered list with list items containing the a tags. The problem that occurred was that the user needed to press on the text inside of the buttons for the links to work. If the user pressed outside of the text but still within the button, the link would not work. I removed the a tag completely and made an event listener that listened for the onclick event. Then in js I created functions that would take the user to the correct webpage. Now that I think of it, I could probably make a function that takes a parameter (each webpage) and then use a template string to open the correct webpage. This would make it one function instead of five different ones.

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

Any feedback would be appreciated.

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

Completing the challenge.

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

N/A.

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

You are welcome to give any feedback on the project.