Submitted about 2 months ago

Responsive Blog preview card

Muhammad Naeemuddin• 100

@NaeemSlayer

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?

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

@Dhruvmehta1311

Posted about 2 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

Brian Jay Esquibal• 20

@brianDash2298

Posted about 2 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

Dhruv• 210

@Dhruvmehta1311

Posted about 2 months ago

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

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