Design comparison
Solution retrospective
I'm proud of using Flexbox to arrange the card layout.
I was able to use flexbox to place the learning tag correctly on the left.
.tags { background-color: #f4d04e; padding: 4px 12px; border-radius: 0.25rem; font-weight: 700; align-self: flex-start; }
I faced the challenge of font-sizing and image sizing on Mobile view. I had to learn how to use the font-size CSS property, the media query and correctly styling my images making them responsive .card-image { border-radius: 0.6rem; width: 100%; height: auto; }
I struggled with responsive design and styling images, I would like help in those areas.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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