Skip to content
Submitted 8 months ago

My Blog preview card solution

IAmOrale•60
@IAmOrale
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?

Just finishing a project at this point in my journey is making me proud

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

Mobile view, for some reason I'm lacking padding on the sides, even though I tried adding a media query for it, didn't work - haven't overcome it yet I'm afraid

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

As mentioned above, the mobile view's right and left padding are too small and the media query won't effect them for some reason. Would love to understand how to fix this.

Community feedback

  • I'mVeryZyla•500
    @RaulTindoganPosted 8 months ago

    Excellent Work!!

    I'm a bit confused about the padding issues, there is a large amount of padding on container on mobile view?

    • Are you referring to the space on every side of the container on mobile view? Answer: If it is the one you are referring to. You can add padding left and right to your <main></main> element to achieve it.

    I hope this helps!

    Marked as helpful
    0
    IAmOrale•60
    @IAmOralePosted 8 months ago

    Thank you! ^_^

    I had just realized the padding mistake 2 mintues before your comment, and have already pushed an update to the github and website, looks great now. Thank you for validating it for me!

    1

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