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

Responsive microlayout using flexbox property

HaDo Dev 160

@hadodev

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@meghaspatil1

Posted

What difference does it tackle with hover and focus?

0

HaDo Dev 160

@hadodev

Posted

@meghaspatil1,

The :focus CSS pseudo-class represents an element that has received focus. It is generally triggered when the user clicks or taps on an element or selects it with the keyboard's Tab key.

I use :hoverand :focus to cover both cases: when the user hover the element or use the Tab key to navigate to that element.

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