Resposive Blog Card using basic CSS

Community feedback

• 

  P

  Sai Dinesh Kopparthi•40

  @SaiDineshKopparthiPosted 4 months ago

  1. Semantic HTML

  • Try to use semantic HTML for better accessibility and structure. Since there is only one main section, wrap it in a <main> tag to define the primary content clearly.
  • Improve the alt attribute for the img tag. This text is crucial for accessibility tools and should provide meaningful descriptions of the images.

  2. Font Application

  • The font is not being applied as intended. I suggest reviewing the @font-face declaration and ensuring the path to the font file is correct.

  3. Font Size Units

  • Consider using rem units instead of px for font sizes. rem units allow for better scalability and responsiveness, especially for users who modify their browser's default font size.

  4. Color Management

  • Use CSS variables for defining colors instead of hardcoding them. CSS variables make it easier to maintain and update the color scheme across the project, improving flexibility and consistency.

  1