Skip to content
Submitted about 1 month ago

Responsive blog preview page

Onkar Shrikant Nikam•20
@onkarnik
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

learn box-shadow

Code

Please log in to post a comment

Log in

Community feedback

  • Leyanis Díaz•220
    @LeyaDiaz

    Hi, good use of box-shadow, but I recommend that instead of using the color black, you use the hexadecimal (#000) or rgb(0, 0, 0) for better practices. Also, to make the shadow look more like the one in the challenge, move it a bit more along the y-axis, like with 8px 8px 0 0, and for the slight shadow on the top edges, using a simple black border with 0.5px will be enough. I hope this helps! :)

  • Komal Jatoi•210
    @komaljatoi

    This looks great! To get it closer to the sample design, I would suggest rounding the corners around the yellow box with "Learning" using border-radius!

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