3-column-preview-card-component-main

Hi Muhammad, congratulations on completing the challenge, great job! 😁

Some little tips for optimizing your code:

• remove descriptive text in the alt attribute of the icon images because there are only decorative
• remove all unnecessary code, the less you write the better as well as being clearer: for example the div container of image
• remove all margin from .container class because with flex they are superfluous
• use justify-content: center flexbox to the body to center the card horizontally
• use min-height: 100vh to .mySection class instead of height, otherwise the content is cut off when the browser height is less than the content
• add transition on the element with hover effect
• instead of using px or % use relative units of measurement like rem -> read here

Hope this help! Happy coding 😉

Well-structured and readable code