Skip to content
Submitted 3 months ago

Blog preview card using flexbox and variables

SAKIB9922•10
@Sakib9922
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 that I could complete the project without any problems

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

I did forget to add something like hover effect but good thing I checked others solutions before submitting. also I use w3schools if I forget any code

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

I'm not sure if I add any unnecessary elements also I add some comments so its easier to understand not sure if it's right way or not

Community feedback

  • Martin Weissbach•20
    @cmdaltentPosted 3 months ago

    Looks good to me! 👍 The solution is really close to actual design. Very good job.

    As an improvement, I noticed you put margins on many items that are children of the card_content in order to get the desired spacing. Since spacing among the items in the container is the same in the design, I would suggest using the gap property in the card_content to give all flex items the same spacing. That way, the individual items do not need to care about their spacing within their container, which would potentially increase reusability.

    0
    SAKIB9922•10
    @Sakib9922Posted 3 months ago

    Thank you ♥️@cmdaltent

    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