Skip to content
Submitted over 2 years ago

Four Card Feature Section

Silas•490
@Silas310
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)
Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Erick Rodrigues•660
    @SortJakke

    Hello! Here are some suggestions to improve your code:

    • HTML semantics: I recommend removing the <header> from within the <main> tag. Additionally, replace the <div> with the class "container-2" with the <main> tag and move its definitions to the <body>. This would make your code more semantic and aligned with HTML best practices.

    • Layout flexibility: Using relative values like em, vw, or % helps to avoid distortions and gives elements greater flexibility. Additionally, exploring properties like min-width and max-width can be helpful to enhance the page's responsiveness.

    • Simpler grid: I believe using grid-template-areas could simplify the structure and reduce potential layout distortions. It's an approach that makes it easier to control the defined design areas.

    Despite these points, the final result of your work is excellent. If it weren’t for the slight misalignment, it would be visually perfect. Congratulations on your effort and progress!

    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