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 Preview Card

@iam-inath

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

@oppahero

Posted

First, well done! :)

I know this demo doesn't have many elements, but the html structure is important.

It's good that you include main, but the card has no structure. All card styles are in the main one.

You can also define a section for the card and style it, using a class or an ID.

Take a look at the BEM nomenclature, it's to better name your classes

  • I recommend mobile-first workflow. This way you make the styles for mobile and then you only have to add the media queries for tablet and computer
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