Skip to content
Submitted 8 days ago

My CSS & HTML implementation of the Four Card Section

#accessibility
Chinedu Daniel Okeke•260
@Sage-25
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

What challenges did you encounter, and how did you overcome them?

I experienced an issue with the horizontal card issue and realised I missed a div when writing the HTML code. So I was able to fix it.

What specific areas of your project would you like help with?

The responsive view.

Community feedback

  • Paulo Wells•470
    @wellsprPosted 2 days ago

    Congratulations for completing this challenge!

    The markup uses semantic tags, which is important for accessibility and SEO. The styles utilize grid, which is the main point of the challenge.

    I'll list some points that can help you improve your solution:

    1. For improving accessibility and SEO, don't forget to include the alt attribute in images;

    2. To improve the mobile version, try to set widths to 100%, instead of auto, then set the correct font sizes, etc.

    I hope this helps you! Happy coding!

    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