Four Card Feature using Flexbox

Solution retrospective
The cards transitions smoothly between different screen sizes and the spacing between the elements is relatively proportional.
What challenges did you encounter, and how did you overcome them?I had trouble initially with the boxes moving too far apart when the screen size was bigger. I adjusted it by centering the cards and then using gap in css. Also, initially I tried using border-color for the cards, but the edges were curved when using border radius. So, I changed it to the::before pseudo element.
What specific areas of your project would you like help with?Continue to improve in positioning elements and be more efficient with flexbox/grid and spacing.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Clement Sung's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord