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
Not Found
Not Found

Submitted

Four cards

bobyanov 100

@bobyanov

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

@Mageshwari-Balaguru

Posted

Hi, congratulations on completing the challenge :) I have some suggestions.

  1. Avoid unwanted indentations - try to use prettier Extension in Vs code.
  2. Avoid using Pixel/percentage values for all the attributes which is hard constraint for flex/grid layout. try to use unit values ems/rems. 3.Missing of semantic elements. - Kindly google it to know its importance.
  3. Try to use Grid Layout to center the child elements which will reduce the size of the code.

I hope this will help!

Thanks. Magi :)

Marked as helpful

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