Skip to content
Submitted 7 months ago

Blog Preview card using HTML and CSS

Bhuvan•40
@bhuvandev16
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 proud of creating an aesthetically pleasing and functional blog preview card web page design efficiently. It showcases my ability to combine HTML and CSS effectively to achieve a desired layout.
  • I'd explore adding more dynamic content or animations to make the preview cards more engaging.
What challenges did you encounter, and how did you overcome them?
  • Implementing smooth hover animations without disrupting layout required careful CSS structuring
What specific areas of your project would you like help with?
  • Assistance with incorporating hover effects or transitions to enhance user interaction would be valuable.

Community feedback

  • Aaqib•170
    @aaqibqadeerPosted 7 months ago

    Great work Bhuvan. Width and height is a bit smaller for desktop size. Also you can add media query to adjust size for different screens.

    Marked as helpful
    1
  • Bhuvan•40
    @bhuvandev16Posted 7 months ago

    Okay, thanks for your suggestion. I'll ensure to use media query in my upcoming projects.

    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