
Solution retrospective
I actually learnt a bit more about hover & shadow effects & a little animation
What challenges did you encounter, and how did you overcome them?Challenges I Faced: Looking at the blog preview card project, some of the key challenges were:
- Responsive Design Implementation: The challenge was creating a card that looks good on both mobile (375px) and desktop screens. This was solved through: ~ Using relative units and max-width constraints ~ Implementing a clean mobile-first approach ~ Creating appropriate breakpoints in the media queries ~ Interactive States
Font Management ~ Handling custom fonts required careful implementation: ~ Using variable fonts for flexibility ~ Ensuring proper font-weight distribution ~ Managing font loading performance
- Accessibility Considerations The project required attention to: ~ Semantic HTML structure ~ Proper color contrast ratios ~ Interactive element states
These are just a few challenges i faced
What specific areas of your project would you like help with?Interactive Features: Adding click events to the card Implementing a modal view for the full article Adding share functionality
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Jonathan Peters'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