Skip to content
Submitted about 1 month ago

Html, CSS Flexbox, CSS transition, Google fonts.

CasperTheChild•100
@CasperTheChild
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 of exploiting variables.

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

I had some challenges using 'em' and 'rem' when trying to define font sizes and shapes.

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

"I don't know why my code doesn't center the 'attribution' element when the width is less than 500px. Is my semantics correct? When I tried: "css body { display: grid; place-items: center; }" the 'attribution' was positioned too far down. I couldn't solve it.

Also, how can I set the card's width more effectively, other than using width: 30vw?"

Community feedback

  • Hamza Naeem•260
    @hamzafrontendPosted about 1 month ago

    Use text-align: center; on .attribution class.

    Marked as helpful
    0
  • Kaustubh Maladkar•230
    @KaustubhMaladkarPosted about 1 month ago

    Can you elaborate on what you mean by exploiting variables?

    0
    CasperTheChild•100
    @CasperTheChildPosted about 1 month ago

    @KaustubhMaladkar I mean, 'I'm proud of using variables for the first time.'

    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