Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.

Submitted

Four Card Feature Section

Jawad 170

@J-Jawad

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@sakthivel155

Posted

Hello @J-Jawad,

Great job on the code! A couple of suggestions:

  1. Avoid using global styles like display: flex; align-items: center; justify-content: center; flex-direction: column; on the body tag—it can cause issues later on. Consider applying these styles to a more specific container.

  2. Class names should reflect their purpose, not content. Instead of using names like karma-card or team-builder, opt for something more descriptive of their function, like card-container or layout-flex. Also, if you don't style these classes in CSS, it's better not to include them.

Hope this helps!

Thank you.

0

Jawad 170

@J-Jawad

Posted

@sakthivel155 Thanks a lot!! Definitely will look out for those details next time.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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