four-card-feature-section-master

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

I am most proud of using both flexbox and grid to make a responsive design. I am also proud of finding good breakpoints based off of how my website was responding to the browser size, that way there aren't any choppy or awkward transitions.

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

I had some issues with positioning the mobile layout. I was using position absolute and that was making some stuff work a little strange. I ended up modifying my HTML structure a bit, and then just used margin: auto instead. Another issue that I had was figuring out the best way to add the colored line at the top of each card, and I learned that you can use border-top: to give the container a different color, and then just setting the thickness of the line and making it solid.

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

I think the only thing is that I couldn't quite get the exact box shadow effect that was used in the designs, so I tried to make it as close as possible. Other than that, I feel like I was able to make a responsive page that transitions cleanly from mobile to tablet to desktop.