Skip to content
Submitted 15 days ago

Blog Preview

Shanxx191919•60
@Shanxx191919
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'm proud of this project since I learned a lot with html and css.

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

The sizing of the card and I had trouble putting the items inside the card.

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

I need help with improving css since I write lots of code and I don't wanna waste time.

Community feedback

  • newspaceracer•90
    @newspaceracerPosted 15 days ago

    It looks neat. You forgot the border around the card but that's an easy fix: border: 1px solid black. The only main thing is it doesn't change when hover over. Hovering is not that bad basically you just write the element you want it to be reacted when hovered over and then inside the CSS declaration you add all the things that need to change including other elements.

    Example:

    card:hover{
box-shadow: #change in shadow#
p{
#change in the p elements within the card element#
}
}
    Marked as helpful
    0
    Shanxx191919•60
    @Shanxx191919Posted 15 days ago

    @newspaceracer I didn’t know it should have a hover effect. Next time I’ll do better.

    1

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