Skip to content
Submitted 2 months ago

A fun little Blog Card for Mobile view

Ainesh Sinha•30
@ansh32109
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?

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•5,360
    @SvitlanaSuslenkovaPosted 2 months 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.

    2
    Ainesh Sinha•30
    @ansh32109Posted 2 months 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.

    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