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

Four card feature section whit HTML/CSS

@paulovictor1997

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


-- Any feedback is welcome / Toda contribuição é bem vinda

Community feedback

P
Ken 4,915

@kens-visuals

Posted

Hey @paulovictor1997 👋🏻

I've got some suggestions to help you fix the accessibility issues and some other things.

  • In your markup, <section class="container">...</section> should be <main class="container">...</main>. This will fix the accessibility issues. Don't forget to generate a new repot once you fix the issues.
  • For the icons, add aria-hidden="true”, because they are for decoration. You can read more about aria-hidden here.
  • Also, I suggest adding padding to each box, to give some white space, I'll let you decide how much to add 🙃

I hope this was helpful 👨🏻‍💻 overall, you did a nice job, keep it up. Cheers 👾

Marked as helpful

1

@paulovictor1997

Posted

@kens-visuals thanks for supporting, i will follow the suggestions !!!

0
P
Ken 4,915

@kens-visuals

Posted

@paulovictor1997 no problem 😇

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