Skip to content
Submitted 8 months ago

Responsive blog landing site using HTML and CSS

Ibrahim Oyeniyi•450
@Mtrxxo
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?

I would really appreciate it if you all could help me view the page and give me feedbacks.

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

I encountered a challenge with the sizing of the section.

Community feedback

  • Aryarishi Sikdar•270
    @ArryBlackPosted 8 months ago

    Hi Ibrahim, great work on the layout. I've a few suggestions.

    1. Although the card looks good already, you can reduce it's width a little bit.
    2. Instead of using border tags to achieve the shadow, you can just add a box-shadow property. You can read more about it here.
    3. You can use the :hover pseudo class to add the 'active-state' required in the design, by making changes to the box-shadow property mentioned in the previous step.
    4. Maybe increase the vertical padding of your card, a tad-bit.
    Marked as helpful
    1
    Ibrahim Oyeniyi•450
    @MtrxxoPosted 8 months ago

    Thank you, I will do as you said @ArryBlack

    1
    Aryarishi Sikdar•270
    @ArryBlackPosted 8 months ago

    @Mtrxxo You're Welcome!

    0
  • Account deleted

    Love it all the best man!😍

    1
    Ibrahim Oyeniyi•450
    @MtrxxoPosted 8 months ago

    Thank you so much @Vamerlen

    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