Skip to content
Submitted 6 months ago

Blog card using flexbox

irene•120
@irene-panis
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 think i was better at following good html/css practices this time around

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

i noticed that the spacing between the elements wasn't quite exact on my end, especially for the author div, but i used padding-top to fix this a little bit

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

author div spacing, scaling font-size down for mobile (my guess was min or clamp?), and for some reason i kept getting a scrollbar on my page

Community feedback

  • Alejandro Rodriguez•110
    @AlejandroTypesPosted 6 months ago

    Consider using margin instead of padding for outer spacing, as padding is recommended for inner spacing. Ex. margin for the space outside a box, padding for inside of a box For spacing between elements also consider using em or rem instead of px depending on the element so you have more flexibility.

    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