Submitted 7 months ago

blog-preview-card

Prakhar Dewan•20

@prakha

Preview site View code

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 am proud that i an able to see figma and able to make an exact copy of that through programming

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

challenges that i encounter were in flexbox and how to conatinerizes the application

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

on box model

Community feedback

kwoitecki•200

@kwoiteckiPosted 7 months ago

Good work! The only thing missing are the black sidelines.

I initially started with the box-shadow property, but ended up setting each side separately using the css-border property.

.container {
  border-left: 1px solid hsl(0, 0%, 7%);
  border-top: 1px solid hsl(0, 0%, 7%);
  border-right: 8px solid hsl(0, 0%, 7%);
  border-bottom: 8px solid hsl(0, 0%, 7%);
}
``

Please log in to post a comment

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