Blog preview card using HTML and CSS

Community feedback

• 

  Bhuvnesh Upadhayay•2,000

  @bhuvi819381Posted 3 months ago

  Hello friend,

  Great work there! 👏 Your solution looks amazing. Here are a few suggestions to make it even better:

  1. Always provide an alt attribute for images
     Avoid leaving the alt attribute blank as it helps with accessibility and SEO.

  2. Use only one <h1> tag per page
     This ensures better document structure and accessibility.

  3. Avoid using px for units
     Instead, use relative units like em or rem for better scalability and responsiveness.

  4. For centering content, use the following CSS

     * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
     }
  
     body {
         height: 100vh;
         display: flex;
         justify-content: center;
         align-items: center;
         margin-inline: auto;
     }
  

  Implementing these changes will make your project even more polished

  Keep it work 😁

  0