![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/ynug15wiz1n9unyb1rur.jpg)
Blog Preview Card - Animation and Custom CSS Variables
Design comparison
Solution retrospective
I'm quite proud of how much I learned with this challenge. I took my time to research different concepts and topics, so that I felt that I knew what I was doing. I had to change and rewrite very few lines of code along the way.
I'm also proud of the work I put into the README file, which I filled out to the best of my ability (while also learning markdown/.md syntax). I'm very happy with how the hover transitions turned out as well as my custom CSS variables.
If you're curious to read more, there's a whole README in the Github repository with a lot more detail than I'm going to go into here.
What challenges did you encounter, and how did you overcome them?Honestly, there weren't many super difficult parts. I made sure to prepare for each thing I was about to work on, and when I wasn't quite sure about something, I simply studied some more.
The main challenge was implementing new concepts that I had never worked with before, like transitions and hover/active states, but I overcame that through research.
What specific areas of your project would you like help with?I'd love some feedback on my HTML structure, as I'm not entirely sure I got it set up in the most logical way.
Also, if there's anything in my HTML or CSS code that stands out to you as odd or some part that I can improve on, I'd love to know!
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