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 - HTML & CSS

@pavikrish26

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

@devkhrmnturk

Posted

Hello, first of all, I congratulate you for your solution. I have a few suggestions for your codes. The <section> tag may be meaningful for thematic grouping, but in this project, since it is an independent content rather than the content of any element or the main content itself is a card, defining it as <main> or <article> is a good idea for semantic and code understandability. I think it will do better. At the same time, using semantically strong tags such as <header>, <section>, <footer> instead of <div> tags in the content of the card can make your code more understandable. The fact that tags are classless can make it more difficult to understand exactly which CSS properties are given to which tag. You may prefer to use simple classifications for this. You can also take a look at BEM methodology!

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