Blog Preview Card (TailwindCSS)

Solution retrospective
Doesn't look as bad as I thought:)
What challenges did you encounter, and how did you overcome them?Don't know enough about CSS/Flexbox and Tailwind
What specific areas of your project would you like help with?Any suggestions on how I can improve on my solution are welcome. Thank you!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @DevonHughesCodes
Hello! @keltiek
Your solution looks great!
Just a quick suggestion, I can't see your stylesheet, however, for the active state on the element with the box-shadow there is a very subtle hover effect that's super easy to overlook in the design previews provided.
Here's a snippet from my stylesheet for reference:
.container { max-width: 400px; margin-inline: auto; background-color: var(--white); padding: 1.5rem; margin-bottom: 2rem; border: 2px solid var(--black); border-radius: 1rem; box-shadow: 10px 10px 0px var(--black); transition: 0.5s; }
.container:hover { box-shadow: 15px 15px 0px var(--black); }
Other than that, great work and Keep it up!
Marked as helpful
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