@cmfc31
Posted
1 - You should remove the media query @media (min-width: 1440px)
from your code since makes the card align to the left side on bigger screens.
2 - Instead adding the svg file code directly in your index you can just simple load the image from your assets folder using an img tag.
<img class="blog-image" src="assets/images/illustration-article.svg" alt="Article image">
3 - You should also implement the hover effect on the blog title and card drop shadow as an extra challenge. Also notice that in a mobile view the font sizes changes a little bit. To do this you can add a media query similiar to the one you try to use before. I usually set the mobile breakpoint in 640px.
@media(max-width: 640px) {
font-size: 12px;
}
4 - In your classes names avoid adding names that start with an upper case. Instead name your classes following the kebab-case
convention.