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

kavallir 50

@kavallir

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 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-sharma69

Posted

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

@kavallir

Posted

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

0

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