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

Stats Previev Card Component - JH Solution

#accessibility#sass/scss
Jakub 90

@jakub-ozog

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Could you please share any feedback about my index.html readability/accessibility? This was my first Sass project so I would be grateful for any advice in terms of Sass usage - what should be change there if it comes to the structure etc. In this project I have also used blending mode and webkit-filter in the image section - I was trying to be as close to the original as much.

I have some doubts in terms of mobile version (setting up the breakpoints) so if you have any comments/thoughts here, that would be great.

Thanks in advance for any help. Cheers! :)

Community feedback

saira 130

@saira512dev

Posted

Hey jacob,your solution looks better than mine. Accessibility issue in yours is of section tags.Since you are using section,you are also expected to give headings( <h2> <h3> etc) Since in this case,we dont have headings ,i suggest avoid using section here.I am also new to accessibility issues.Feel free to correct me if am wrong

Marked as helpful

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