Skip to content
Submitted about 1 month ago

Blog preview component

William Anthony•190
@wpittman06
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 was proud of the amount of work I was able to do without seeking assistance.

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

My images weren't cooperating and kept changing sizes. I didn't realize I was using class names and so whenever I changed one they both changed. I gave them custom classes and it fixed itself.

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

Writing efficient code. Do I have too many custom class names?

Community feedback

  • Anamay•120
    @anamaydevPosted about 1 month ago

    Hey there! Custom classes are super helpful for keeping your styles organized and specific. Remember, balance is key—aim for clarity and maintainability without adding unnecessary bloat.

    Also, using Flexbox can really boost your layout's responsiveness and alignment, giving you more control over spacing. Plus, adding media queries helps your design adapt beautifully to different screen sizes, making the user experience even better!

    I encourage you to dive into these techniques, and check out this awesome Flexbox video and Media Query to get started!

    Happy coding!

    Marked as helpful
    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