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

Blog preview card

OsmanSamar 240

@OsmanSamar

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


All feedback is welcome thank you.

Community feedback

Daniel 🛸 44,210

@danielmrz-dev

Posted

Hello @OsmanSamar!

Your project looks very good!

I have just one suggestion for this one, since your already got some help:

  • Check the style-guide file to see what are the recommended font-family for the project. Then you can import it from Google Fonts to use it. If I'm not mistaken, the font-family for this project is Figtree.

I hope it helps!

Other than that, great job!

Marked as helpful

0

@khojiakbargofurov

Posted

Bro your box-shadow is longer . that is why You use box-shadow: 10px 10px 0px 1px var(--Black);

Marked as helpful

0
eyu. 360

@Eyuleo

Posted

Great and congrats on completing the challenge, but to center the card when using display: flex; instead of place-items: center; you can use

display: flex;
justify-content: center;
align-items: center;

and you don't have to set width: 100vw; on the body because by default it's taking the device entire width.

Marked as helpful

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