
Submitted over 1 year ago
3-Columns Preview Card Component using HTML CSS, CSS GRID AND FLEXBOX
#accessibility#animation#bem
@pmzpro
Design comparison
SolutionDesign
Solution retrospective
Hello Everyone!! =)
This is my third challenge. I feel like I'm getting better and understanding more but still have a lot to learn.
What I Learned in this challenge
- Learned more how to make the layout responsive for the user experience depending on their device's screen size.
- Learned how to add a transparent background in <a> tag (button) for the active effect.
Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
Feel free to say what I could've done better
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