Skip to content
Submitted 6 days ago

blog-preview-card-main whit css flexbox

Juan Diego Sastre Moreno•80
@DIegoDevcode
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?

What I would have done differently next time would be to create this same project with less than 100 lines of CSS code.

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

The challenge I found was that the elements were not centered properly, I solved it by using display flex on the body with height 100vh this way they were centered properly.

Community feedback

  • Hussein :)•80
    @DevHusseinPosted 5 days ago

    Good job! You are missing the padding, borders!

    1
  • Majd Nassif•30
    @majdnassifPosted 4 days ago

    • i liked how you used the variable in CSS so i have a few notes that i hope will be helpful

    • I think you have to use clamp() function to resize text size in deferent screen sizes

    • and you might forger the border and box-shadow to card-container class

    • and the text (Learning) is not centralized

    • and the text (Greg Hooper) is not bold

    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