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