Submitted 6 months ago

My Blog preview card solution

IAmOrale• 60

@IAmOrale

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

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

@RaulTindogan

Posted 6 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

IAmOrale• 60

@IAmOrale

Posted 6 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!

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