@Hassiai
Posted
To center .card on the page using flexbox, there is no need for a margin value and flex-direction: column; in the body. Replace height with min-height:100vh.
There is no need for linear gradient in .img-filter, for the color of the image, add background-color of soft violet, background-blend-mode: multiply; and opacity: 0.8 to .img-filter.
Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on CSS units click here
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful