Card Summary Using Css Flex Box and Before Pseudo Element

Hi, Anosike Obinna! 👋

Regarding your questions:

• I am afraid that I don't understand the question. But, you can find the color code in the style-guide.md. Also, the background color of the .card element should be pure white (hsl(0, 0%, 100%)).
• I notice that you set the background color of the .card-body .text-box with pseudo-element. Why don't just set background-color on the element itself? Sorry, I don't understand your questions. 😅

I have a few suggestions for this solution.

• I would recommend making the h3.text-dark" as h2 instead. Keep in mind that headings must be in a logical order. Users of assistive technology can use heading tags to navigate the website. If headings are not in a logical order, those users might get confused.
• Make the .text-fade as p element instead. I would recommend thinking of the HTML as the document. So, h1 would be the main title, h2 is a sub-title, etc.

That's it! Hope this helps.