Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

blog-preview-card-main

@PrajulJaggi577

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

Any help would be greatly appreciated

Community feedback

@KocakAli

Posted

You end resolution looks good. I am also newbie but I can give you some suggestions your HTML and CSS.

HTML

For better accessibility you can give more information in 'alt' attribute. Like:

<img src="./assets/images/illustration-article.svg" alt="illustration of HTML and CSS foundtains article" id="illustration">

CSS

I think you should use relative units instead of px. Because at some point it may be break your design especially font size can be accessibility issue for your design. For example you can use:

h2 {
    font-size: 1.5 rem;
    line-height: 150%;
    font-weight: bolder;
}

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord