Blog preview card project

Your project looks great! Here are a couple of suggestions to improve your code and enhance its functionality.

Improve accessibility by adding alt text:

<!-- Add meaningful alt text to the image -->
<img src="./assets/images/image-avatar.webp" alt="Author Greg Hooper">

Consider using CSS variables for spacing to make it easier to manage and adjust padding, margin, and gap throughout your project:

:root {
    --color-main: #f4d04e;
    --color-title: #121212;
    --color-text: #6b6b6b;
    --spacing-small: 5px;
    --spacing-medium: 16px;
    --spacing-large: 20px;
}

You can use many types of CSS variables, such as colors, spacing, font sizes, and more, to make your code more maintainable and flexible. Hope this helps, Happy Coding!