All solutions

Any feedback is greatly appreciated!

I had difficulties when applying media query. When I moved my right-container so that it was below my left-container, my justify-content: space-evenly property was not working. All the text inside was crammed together. I tried to look for ways to fix that, but in the end I just added padding to each of my containers inside my right-container to add proper spacing. Any recommendations to optimize my CSS are welcome! Thank you.

It was a bit difficult for me to start working with JavaScript, but overall I did okay! Any feed back is appreciated.

I found difficult using media queries in order to make the mobile design, since when applying it, it would cut my .left-container in half. To correct this, I changed height: 100vh; in body to min-height: 100vh; To be honest, I'm not completely sure of why that change helped my .left-container to be fully shown with my mobile view, however, I did notice it did not exactly show it as it appears on the mobile-design.jpg image in the design folder, since mine, shows white corners right on top. I wonder if the organization of my CSS is right, I tried to organize it the best I could, but I do feel I used too many DIVS and I wonder if I could have simplified that or if I should have used something else than flex box to organize my CSS. Other than that, I think my second project went fairly easy, I hope to continue learning and looking for ways in which I will be able to improve.

Hi, This is my first project on this platform. I'm hoping to be consistent and get better at HTML, CSS and JS.

Feedback is appreciated.

Thank you!