Skip to content
Submitted over 1 year ago

Four-Card-Feature-Section

Isaac Prime•460
@Isaacayomi
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

Responsive four card feature section done with HTML and CSS grid. This is actually my first time using grid to complete a frontend challenge. I'm open to feedbacks and corrections.

Happy coding

Community feedback

  • Hassia Issah•50,650
    @HassiaiPosted over 1 year ago

    Replace <div class="grid-container"> with the main tag to fix the accessibility issues. click here for more on web-accessibility and semantic html

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    Marked as helpful
    0
    Isaac Prime•460
    @IsaacayomiPosted over 1 year ago

    @Hassiai Alright sir. Aside that, what other corrections can I make?

    0
    Hassia Issah•50,650
    @HassiaiPosted over 1 year ago

    @Ademide07 the bos-shadow color should be hsl(212, 86%, 64%); with a low alpha value. hsla(212, 86%, 64%, 0.4); or a lower value than this. Aside from this everything is good

    Marked as helpful
    0
    Isaac Prime•460
    @IsaacayomiPosted over 1 year ago

    @Hassiai Alright, thank you. Will correct that now.

    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