Responsive Layout for Blog Preview Card using pseudo elements
Design comparison
Solution retrospective
I didn't see anything on whether the hover/focus state was just for the title or for the card itself. I went with it just being the title and used a before pseudo element for the box shadow. It was the first time really doing it outside of a tutorial, so was nice to get it working.
I don't think I would do anything differently as it was a pretty basic design.
What challenges did you encounter, and how did you overcome them?Biggest Challenge in this was remembering the CSS styling for pseudo elements to make the box shadow to use for the hover/focus effects. I did a quick look on MDN for the before to make sure I didn't forget anything when creating it.
What specific areas of your project would you like help with?Nothing in particular, but will always take suggestions and critiques.
Community feedback
- @John4001Posted 8 months ago
it's,great this the exact solution and just the alignment is mismatching.good job..
0
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