All solutions

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

I am proud of finishing this challenge without much stressing.

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

I think, vertically centering my container in the viewport/screen has been a challenge to me. Well, i used a different approach in this project, hopefully, it works. If it doesn't work, please, people that have insights in that area should feel free to give me ideas.

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

It is definitely on centering my container vertically. setting both the tag and the container to flex, flex direction: column; justify-contents and align-contents to center doesn't work.

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

I am proud to have completed this challenge

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

I had the challenge of the overfloating svg file when i was making the container responsive to mobile screens. I added width: 100%; and height: auto; to fix that problem

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

I am proud to have attempted this challenge

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

None

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

I am proud to have attempted this challenge. However, there is room for improvement.

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

The biggest challenge i encountered was adding border-radius to the grid-container. it did not work (show) until i deleted the padding and set overflow: hidden; before the border radius showed.

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

I would like the community to give me insights to know why i couldn't add border radius to the grid-container with the padding, without having to set the overflow to hidden.