Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog Preview Card Solution | HTML, CSS, JavaScript

Vozmo 60

@V0zmo

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I added some simple JavaScript for a custom cursor, I'm quite improved say myself for the CSS and HTML, it's much tidier and cleaner. Still need to learn how Flex works and the hierarchy of HTML.

What challenges did you encounter, and how did you overcome them?

The JavaScript code, the element implementation of CSS to do animation, and probably how CSS and JavaScript syntax work. But with quick Google search can solve the problem!

What specific areas of your project would you like help with?

Personally nothing, quite impressed by myself. However, if there is some room for improvement in my code please give me feedback and criticism!

Community feedback

@Ramon-Alvez

Posted

I just looked at your code, and I really like the card hover effects!

I liked the way you structured and styled the page, keep it up!

1
P

@bakellian

Posted

Only comment would be to use REM instead of PX for accessability

1

Please log in to post a comment

Log in with GitHub
Discord logo

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