Looking to hire developers?
@cmfc31
@JosephSamuel-1
Submitted
What are you most proud of, and what would you do differently next time?
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
@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.
@Josmiga
Submitted
What are you most proud of, and what would you do differently next time?
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
@cmfc31
Posted
You did a good job sir
