blog-preview-card-main

Hey

Congrats on completing the challenge. It looks very good and I like it, here are some things you could improve:

• You should add another text to images <img src="source" alt="text">. This helps both the search engine and the user, in case the image cannot be displayed
• You could adopt a sleeker design by adding spaces between the elements in <div class="mini-2">. In CSS you can add the gap property:

.mini-2{
display: flex;
flex-direction: column;
gap: 1.5rem;
}

• One last thing, is the :hover' state after the element that you want to have special properties when the user hovers over it. In the original design, the title <h3>HTML & CSS Foundations</h3>` changes color when hovered in yellow. you can achieve this using:

.mini-2 h3{
    font-family: 'MyCustomFont';
    color:  black;
    margin-top: 8px;
}
.mini-2 h3:hover{
    color:  yellow;
}

I hope you will receive my feedback as a helper and good luck with the next projects :)

Happy coding!!