3-column-preview-card-component USING HTML CSS

Hi Mohammad, great job! I took some time to look at your code and for improving it:

• add main tag and wrap the cards for improve the Accessibility
• add descriptive text in the alt attribute of the image
• remove height from cards class
• remove all margin from main class because with flex they are superfluous and add width: 100%;
• add min-height: 90vh to main class because Flexbox aligns child items to the size of the parent container
• With font-family:" Big Shoulders Display ", cursive the browser will use the Comics Sans font when it doesn't find the first font indicated (you can seen during loading)... for the designer it's a really awful font! I would rather replace it with a font-family:" Big Shoulders Display ", sans-serif much more similar to the primary font.

Overall you did well 😉 Hope this help!