borders around the element
What challenges did you encounter, and how did you overcome them?Aligning all text better
What specific areas of your project would you like help with?Designing of the page more better
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.
None
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?None
