Skip to content
Submitted 8 days ago

Blog Preview Card With HTML and CSS

Rahana23•120
@Rahana23
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?

Am proud of completing this project.

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

This challenge was quite easy to compete and i didn’t encounter any problems.

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

All suggestions are welcomed.

Community feedback

  • Natali 👻 Grimm•1,150
    @Grimm-NPosted 8 days ago

    Wow, your work is looking sharp! Loving the effort you’ve put in here—it’s definitely coming together. 🔥

    A couple of tips to level it up:

    1. Those inline styles in the HTML? They're just examples. You can move all of that into your CSS file to keep things clean and organized.
    2. Ditch the pixels! Units like em, rem, or even percentages are more flexible and responsive, especially when scaling for different screen sizes.
    3. Pro tip: start with the mobile version first (mobile-first approach). Then, use @media (min-width: ...) queries to handle larger screens. It’s a life-saver for responsive design!

    Keep rocking it, you're doing awesome!

    Marked as helpful
    1
    Rahana23•120
    @Rahana23Posted 8 days ago

    @Grimm-N Thank you so much for the feedback, i will definitely work on them.

    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