Blog Preview Card Main

Community feedback

• 

  pettik•580

  @pettikPosted 8 months ago

  Your HTML and CSS code is well-structured and clean, which is great! Here's some feedback:

  Positive Points:

  1. Semantic HTML: You've used semantic HTML tags like <header>, <section>, and <article>, which helps with accessibility and SEO.
  2. CSS Variables: You've used CSS variables for colors, which makes it easier to maintain and change the color scheme if needed.
  3. Responsive Design: You've used media queries to make your design responsive, which is a crucial aspect of modern web design.
  4. Forked CSS files: for styles, media and fonts - great idea!

  Areas for Improvement:

  1. Alt Text: The alt attribute for the image could be more descriptive. Instead of "Avatar de Imagem", consider something like "Profile picture of Greg Hooper". This would be more helpful for screen readers.
  2. Font Loading: You've loaded multiple fonts using @font-face. Consider using a service like Google Fonts, which can make font loading more efficient and easier to manage.
  3. CSS Organization: While your CSS is fairly well-organized, you could improve it by grouping related styles together or commenting sections of your CSS for better readability.
  4. Missing description in Github Readme.md file

  Overall, great job!👍 Keep practicing to continue improving your skills. 🚀

  Marked as helpful

  0