Skip to content
Submitted 3 months ago

Responsive Blog preview card

Muhammad Naeemuddin•100
@NaeemSlayer
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'm most proud of achieving a pixel-perfect match to the design and using semantic HTML effectively. Next time, I would spend more time on optimizing the responsiveness.

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

Mostly in Flexbox and responsiveness

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

I would appreciate feedback on improving the responsiveness of my layout, particularly in handling various screen sizes and orientations.

Community feedback

  • Dhruv•210
    @Dhruvmehta1311Posted 3 months ago

    You need to work on responsiveness. Your border touches the corner in small screen.. Use max-w-anything w-90% mx-auto. Use these. Good work.

    Marked as helpful
    2
    Brian Jay Esquibal•20
    @brianDash2298Posted 3 months ago

    Hi @Dhruvmehta1311, I see your solutions and you are good at responsiveness. Would you mind to teach me how to become consistent in responsiveness? Because I'm still a bit confuse when doing that

    0
    Dhruv•210
    @Dhruvmehta1311Posted 3 months ago

    Use tailwind it's best and easy for making responsiveness UI. @brianDash2298

    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