Skip to content
Submitted almost 2 years ago

Four card feature section (responsive)

Adrian•270
@EidrianMax
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

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,775
    @vanzasetiaPosted almost 2 years 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
    0

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