@Miculino
Posted
Hey @tobiasz121
Congrats on completing the challenge! You've done a nice job overall!
Here are my suggestions based on your final solution:
-
The
background color
used is a bit different - refer to original design -
The
box shadow
of the cards has a different color. Also, consider reducing the amount of shadow -
Use a similar color to the one in original design for the text
-
Increase
line-height
of p inside header -
Your layout stays the same even on mobile screen sizes.
-
Use
padding
property instead ofwidth
on the container -
Consider using
grid-template-areas
for building this layout and making it responsive using media queries https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
Hope this helps. Keep up the great work!
Marked as helpful