Submitted over 1 year ago

Four card feature section (responsive)

Adrian• 270

@EidrianMax

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

For the layout i use grid and media queries to make it responsive, for the typography i use rem units

And also for cards i use 'bem' methodology.

Thank you for the feedback 🤗

Community feedback

Vanza Setia• 27,795

@vanzasetia

Posted over 1 year ago

Hi, Adrian!

There are two things that can be done better.

"Reliable, efficient delivery powered by technology" should be wrapped with one heading, <h1>. It should be read as one sentence.
Add alt attribute to each <img> tag. If it is a decorative image, you should leave the alternative text empty instead of removing the alt attribute.

I hope my feedback helps.

Marked as helpful

Please log in to post a comment

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