@Hassiai
Posted
Use the colors that are given the styleguide.md found the challenge zip folder you downloaded.
To center .card-main on the page using flexbox, add justify-content: center; align-items: center; to the body and remove align-content from the body. it display: grid that have align-content not flex-box.
Give the padding, margin, width and height a fixed value instead of a percentage value. Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on CSS units watch this https://youtu.be/N5wpD9Ov_To
Hope am helpful
Well done for completing this challenge. HAPPY CODING
@Mohsin-93
Posted
@Hassiai Hi I have used all the four colors from the styleguide.md, but there no color there for the last card and the shadows.
I'll try the justify-content: center; align-items: center; I've been very used to using margin: auto; so I didn't think to use justify-content: center; .
I watched that video on Kevin's channel already, I will change the padding and margin to rem, and for width it was Kevin's suggestion to use percentages for widths.
Thank you for your comment
@Fanou59
Posted
@Mohsin-93
Hi ! you can't find the color because it's not really a color :) In fact, you must add a layer in #FFF with 15% of opacity.
You can try this for this challenge.
Hope am helpful :)
Marked as helpful
@Mohsin-93
Posted
@Fanou59 Thank you for pointing out I'll try it out.
