Skip to content
Submitted about 2 months ago

Blog Preview Card

nilmus•100
@nilmus
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 specific areas of your project would you like help with?

The challenge page includes this prompt:

"The font sizes in this project are slightly smaller in the mobile layout. Find a way to reduce font size for smaller screens without using media queries."

But I don't know how to do that.

Community feedback

  • Chrision Wynaar•200
    @ClipzoramaPosted about 2 months ago

    First off, Great Job! Majority of your design looks pretty identical.

    Just a couple of small things:

    Make sure to add line-height to the <p> element to align it with the anticipated solution. Also your box shadow should be adjusted so the left and stop borders look the same as the solutions.

    If you modify that and it doesnt change much, perhaps look at the border for the card itself and make the px of the solid black border a little smaller. For the card, you can see that you have a lower padding in your card compared to how it should look so change that accordingly. Great job once again and keep grinding!

    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