Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

blog preview solution

CRIFFAD 160

@CRIFFAD

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@midnightwebstudios

Posted

Hi there. Great job of positioning and your use of flexbox. I really like how you were able to get the size and position really close to the original design. It looks like you may have had some postioning issues with the avatar for Greg and his name. I had to google some things to fix my own positioning issue. Here is what I used. Hope it helps!

.avatar { width: 10%; margin-top: 10px; vertical-align: middle; }

.author { display: inline-block; font-size: 12px; font-weight: 800; padding-left: 5px; vertical-align: bottom; }

0

Please log in to post a comment

Log in with GitHub
Discord logo

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