Skip to content
Submitted almost 3 years ago

Four section card done using (CSS grid and flexbox)🤩😎

Ljr777•150
@Ljr777
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

hey guys, I just finished this task. Just started learning how to make my code responsive. I would appreciate your feedback and make corrections, thank you!😎😎

Code

Please log in to post a comment

Log in

Community feedback

  • Account deleted

    Hey @Ljr777, some suggestions to improve you code:

    • The .heading-box should wrapped in a Header Element.

    • The icons serve no other purpose than to be decorative; They add no value. There Alt Tag should left blank and have an aria-hidden=“true” to hides it from assistive technology.

    • Reduce the padding from your Body Element; you should never use that much.

    • Your icons are overflowing when your screen shrinks. You either want to add a third layout to help keep them in place.

    Happy Coding! 👻🎃

    Marked as helpful

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