Skip to content
Submitted over 1 year ago

Responsive Blog Preview Card

accessibility, fresh, progressive-enhancement, animation
P
Krishna Vishwakarma•1,390
@KrishnaVishwakarma1595
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, mentors

Responsive animated solution for this challenge.

The challenge

  • See hover and focus states for all interactive elements on the page

Built with

  • Semantic HTML5 markup
  • CSS Flexbox
  • Mobile-first workflow

Awaiting your feedback. Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • Marcos Travaglini•6,230
    @Blackpachamame

    Hey your solution is amazing! 🤩

    The cursor: pointer indicates that an element is clickable, usually used for links. In this case, the card is not clickable, so placing this type of cursor can be confusing for users.

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