Submitted 3 days ago

A fun little Blog Card for Mobile view

Ainesh Sinha• 30

@ansh32109

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?

Adding the little shadow

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

Earlier I was making use of the after pseudo element to get the shadow effect, but it didn't work, so i went with box shadow

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

Feedback on any and all areas are welcome :)

Community feedback

Svitlana Suslenkova• 3,450

@SvitlanaSuslenkova

Posted 3 days ago

Hi. I have suggestion about <main>: 1. It doesn't need a class, you add css directly( main {css}), no dot. 2. Please consider to add to it max-width around 24.4 rem or 390px.

Ainesh Sinha• 30

@ansh32109

Posted 3 days ago

@SvitlanaSuslenkova

Ah right, you do have a point there, I'll keep that in mind! As for the second point, yes, I need to now also look into making my pages responsive and have them follow design parameters.

Thanks a lot for your suggestions, please keep them coming haha, I'll take anything and everything I get.

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