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 card using flexbox and media Query

@voespinal-code

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?

In this project I was able to use media query to achieve one of the assigned requirements and make this card responsive. also add certain attributes

Community feedback

P

@JamesLaviron

Posted

  • Does the solution include semantic HTML?

Many divs, not enough semantic tags.

  • Is it accessible, and what improvements could be made?

It is. There some size issues but it's fine.

  • Does the layout look good on a range of screen sizes?

Yes

  • Is the code well-structured, readable, and reusable?

You definitely should use prettier-like stuff in order to format your code. You also could use variables to make it reusable for other potential components.

  • Does the solution differ considerably from the design?

Yes but it's fine.

Marked as helpful

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