Skip to content
Submitted 3 months ago

Blog Preview Card Solution | HTML, CSS, JavaScript

Vozmo•60
@V0zmo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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•420
    @Ramon-AlvezPosted 3 months ago

    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
  • Bridget Akellian•100
    @bakellianPosted 3 months ago

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

    1

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