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

Responsive blog card with flexbox and scss

P
Jaime 150

@Jaimealicante83

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

It was easy to do, I think I did it look like the design. I would check more the details next time

Community feedback

P

@vgt3j4d4

Posted

  • Does the solution include semantic HTML? yes
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes? yes (but check my comments at the bottom)
  • Is the code well-structured, readable, and reusable? yes
  • Does the solution differ considerably from the design? No, but I see there are a few things missing:
    • The "Learning" pill is missing the border
    • There are no hover, active state styles applied (check figma file)
    • The person avatar should be black&white (I miss this too)
    • The title is moving funny while changing the browser dimensions
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