Responsive_Four_card_feature_section-using-flexbox

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

My pride that I have made this layout using only Flex-box. Though It can be easily done using CSS grid layout technique but I just wanted to explore how to do it with CSS flex-box.

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

The challenge was to achieve this complicated card layout responsive to given screen sizes, Particularly in desktop resolutions.

I have overcome this using media queries and flex-box. For mobile first approach, hints: wrap middle two cards using a div wrapper. Keep the wrapper's flex direction column and for cards-container give the flex direction to row. For more info please check out my solution code at GitHub. Happy Coding ; )