Skip to content
Submitted 6 months ago

Blog preview card

kavallir•50
@kavallir
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 am proud that I did it all by self. Next time I want to start from the mobile size and then do css for the large screen size.

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

Nothing was challenging.

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

I want to know how to do hover visible on phone devices if it is possible.

Community feedback

  • Manav•390
    @manav-sharma69Posted 6 months ago

    No, hover is not possible for devices which don't have a cursor.

    If you use :active state then the box shadow will change as long as the user is somehow tapping the blog component. In other words, as long as user's finger is on the blog component, the box shadow will be different.

    When the blog component is not "touched", the pseudo class's styles don't apply.

    It creates a hover like effect (if that's what you were looking for). Also, take a look at touch events.

    Link for more context: CSS3 hover/tap doesn't work in mobile browsers

    Hope this helps ☺️

    Marked as helpful
    0
    kavallir•50
    @kavallirPosted 6 months ago

    @manav-sharma69 I will take a look, thank you!

    0

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