3-column-preview-card

Frontend Mentor - 3-column preview card component solution

This is a solution to the [3-column preview card component challenge on Frontend Mentor]: https://www.frontendmentor.io/challenges/3column-preview-card-component-pH92eAR2-

Links

• Solution URL: https://github.com/payalpagaria/3-column-preview-card.git
• Live Site URL: https://payalpagaria.github.io/3-column-preview-card/

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid

What I learned

I learnt about css flex and grid how to do 3-column layout

Useful resources

Resources i used for css:

• https://css-tricks.com/snippets/css/a-guide-to-flexbox/ -> This helped me for how css flex is uesd, It was easy to learn and apply.
• https://css-tricks.com/snippets/css/complete-guide-grid/ -> This is an amazing article which helped me finally understand css grid.

Author

• Frontend Mentor - https://www.frontendmentor.io/profile/payalpagaria