Skip to content
Submitted 1 day ago

Blog preview card with HTML & CSS

NalsDev•30
@NalsDev
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?

completing this challenge within short time is good. next time I would make media queries more efficient.

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

everytime making a container and making it width and height is crucial. so i have to have to find a perfect solution for it.

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

to make responsive website with responsible images

Community feedback

  • Dylan Heslop•1,150
    @dylan-dot-cPosted 1 day ago

    Looking good.

    I see that you were trying to make the shadow but you used border instead of box-shadow.

    So you can just use that and experiment to get the shadow you need.

    Marked as helpful
    0
    NalsDev•30
    @NalsDevPosted 1 day ago

    @dylan-dot-c Thank you for your feedback. I have updated the code with box-shadow. If you have time check it out.

    0
    Dylan Heslop•1,150
    @dylan-dot-cPosted 1 day ago

    @NalsDev Yh its good now, just make sure you change the border to 1px not 2 and take off the blur from the shadow(the last 10px could be 0) so it won't blur.

    Also remember to generate a new screenshot!

    Take care.

    Marked as helpful
    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