Skip to content
Submitted 10 months ago

Blog card using flexbox.

Comfort•310
@comfortprince
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

I know this is an html and css challenge. But I could not think of a way to increase the shadow of the card and at the same time change the color of the heading tag without dom events in js.

So I'm looking forward to the solutions.

If any improvements can be made to my solution, feel free to share your suggestions.

Community feedback

  • Vovka•380
    @vovka8101Posted 10 months ago

    I recommend you to use box shadow generators (there are a lot of free online generators). For changing color of the heading in this case try to use :hover pseudo class. Also, add cursor: pointer for your heading or put it into <a> tag.

    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