Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

This is Pure HTML & CSS CARD

Mohammed 50

@Mohammed-morsiwala

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • 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 have try to write the correct structure with HTML and CSSI have try to create whole page with my own with almost looking page

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

face some challenges while giving padding and to fit that user image at the end inside the main DIV

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

I can write the structure pretty well but in some css design I got really confused

Community feedback

P

@VSKarthikT

Posted

Hey, this design looks really clean! I like how you used HSL colors—makes it super easy to tweak shades. Also, great call on loading the Figtree font locally; that’s perfect for performance. The box shadow is bold, which gives the card a nice pop. I noticed there’s no hover effect on the card though—might be cool to add one for some interactivity, like changing the shadow or color slightly. Love how the flexbox is used for the author section too—it all feels well-aligned and responsive. Overall, solid design with a clean structure

1

Please log in to post a comment

Log in with GitHub
Discord logo

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