A nice layout-based challenge using flex box

Please log in to post a comment
Log in with GitHubCommunity feedback
- P@Davichobits
God Job! Here some suggestions: The component could benefit from breaking the card elements into reusable subcomponents. For example:
function Card({ title, description, imageSrc, borderColor }) { //... }
This would:
- Improve readability.
- Make the component more scalable.
- Avoid repetition.
And color values like #555 and #77c8ca are repeated and hardcoded. Consider using Tailwind’s theme system or custom classes to make your styles more maintainable.
- P@aflamiano-career
Very good attempt on using just flexbox. On tablet size (in between desktop and mobile) the cards seem to break. You might want to look into it and try your best to fix it. I would suggest looking into grids this time around! Good luck!
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