Design comparison
Solution retrospective
I'm proud of the accuracy of the end result. I think I did really well overall.
What challenges did you encounter, and how did you overcome them?Overall I didn't have much trouble with this project. I did forget that the anchor hover pseudo-class was overridden by link/visited/active. At first the hover effect didn't work and I thought it was a specificity issue. To solve it, I simply had to move the hover effect below the other three so it would cascade properly.
What specific areas of your project would you like help with?Any tips on organizing my CSS file is greatly appreciated! I'm always second guessing myself on whether my CSS is readable enough.
Community feedback
- @DelbertGradyPosted 2 months ago
Your solution is very good, but here are a few points that you might use to improve:
- You could use semantic HTML (e.g. an article tag for your card instead of the general div)
- I think the usage of a button for the tag ("Learning") is not appropriate here. After all, a button is a clickable element that triggers some action. In this example it is supposed to be a tag. If your idea was to make the tag clickable to jump to other blog entries with this tag then maybe an anchor element would be better?
- I don't think the usage of opacity for the description of the blog entry is good. The colors were provided in the style guide. I think you should have used them instead ;-)
Good job overall though!
Marked as helpful1
Please log in to post a comment
Log in with GitHub
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