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 3-column preview card component

@Hotsaucceee

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Corfaya 110

@Corfaya

Posted

Hey! I like your code, you use the combination of selectors very well. I'll just point out a detail that you may have just missed.

In the challenge, a certain design is required when buttons are clicked. To do this, use the pseudo-class :active. For example:

button:active { /* CSS code */ }

In your code, for desktop mode you have inserted the required CSS rule on click before the click happens, while for mobile mode you've left the basic style, without any rule being inserted on click.

I hope I've been clear and helpful and I apologise in advance if there are any grammatical errors (I'm not a native English speaker). Good work!

1

@DigitaleWeltLibrary

Posted

Hey, you forgot the pictures.

Happy coding

0

@Hotsaucceee

Posted

@DigitaleWeltLibrary 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