Responsive Blog Preview Card using HTML & TailwindCSS
Design comparison
Solution retrospective
In this challenge, I have used HTML, CSS Flexbox, and TailwindCSS. Have a look over my code and give suggestions on how I can improve my coding skills.
Community feedback
- Account deleted
Nice work buddy, clean, simply and easy to read. I like how you configed the tailwind too. One thing I will point out is the animation on the box shadow, bit too sharp. Maybe adding a transition or leaving it as the base shadow.
here's and example if youd like to have a look. Overall looks good and keep up the good work. If you also have any specific questions I'd be more than happy to help too.
div { height: 200px; width: 200px; box-shadow: 0; transition: box-shadow 1s; border: 1px solid #eee; }
div:hover { box-shadow: 0 0 3px #515151; }
Marked as helpful0
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