Skip to content
Submitted about 3 years ago

Four card feature section challenge hub using grid

Alan•60
@AlanBoulesteix
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey everyone!

Well I'm pretty happy with this design, for the first time I feel like is very close to design asked.

As usual, any advises in more than welcome.

Have a good one!

Community feedback

  • Ken•4,915
    @kens-visualsPosted about 3 years ago

    Hey @AlanBoulesteix 👋🏻

    I have some small suggestions for the project

    • First, the icons, should have aria-hidden="true”, because they are for decoration only. For example, instead of this <img src="./images/icon-team-builder.svg" alt="webpage with red house in it"> it should look like this <img src="./images/icon-team-builder.svg" aria-hidden="true”>. You can read more about aria-hidden here.
    • One last thing from me would be to increase the font-size for the desktop viewport width. But that's just my opinion 🙃

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

    1

Please log in to post a comment

Log in with GitHub

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