Skip to content
Submitted about 1 month ago

This is Pure HTML & CSS CARD

Mohammed•50
@Mohammed-morsiwala
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 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

  • V.S Karthik Tirumalasetty•130
    @VSKarthikTPosted about 1 month ago

    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

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