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

Code Editor: Sublime Text; RWD: CSS; Interactivity: JS;

Aimal Khan 2,260

@Aimal-125

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please give your opinion regarding the app's design and any flaws in it.

Community feedback

Account Deleted

Hello @Aimal Khan😊

Your solution is great✨ and congratulations for successfully completing an another newbie challenge🎉

and there is a small suggestion that might be helpful for you

  • <h1> tag :

It is mandatory to use a <h1> tag in your solution because <h1> tag is most important aspect in accessibility and it helps screen reader to navigate with your page in easy way

And H1 tags also help Google to understand the structure of a page. So if you're using H1s as Google recommends for your page title or content heading, your H1 is effectively telling Google “here's what my page is about.

Hope that was helpful 😊

Marked as helpful

1

Aimal Khan 2,260

@Aimal-125

Posted

Thanks i will keep in mind. @MrSandipSharma

1

@Aazeez257

Posted

I think you have to change the font color in the description and the date 😉

Marked as helpful

0

Aimal Khan 2,260

@Aimal-125

Posted

I am not changing the font colors to the given fonts in style.md file because of accessibility reasons. Because i want to score 100 on google page speed insights. Loading fonts from third party increases page load time as well.@Aazeez257

0

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