Frontend Mentor - 3-column preview card component solution

This is a solution to the 3-column preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Screenshot
• Links
• My process
  • Built with
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Screenshot

This is my solution, of this project.

Links

• Solution URL: solution URL
• Live Site URL: Live Solution Page

My process

Built with

• HTML5 markup
• Mobile-first workflow
• Bootstrap - Bootstrap
• SASS/SCSS - SASS/SCSS

Continued development

I would be more focusing on css grids and flexboxs, learning more about sass/scss, javascript,bootstrap also

Useful resources

• W3 Schools - This helped me to understand the media queries. I really liked this pattern and will use it going forward.
• MDN Reference - This is an amazing article which helped me finally understand CSS Columns. I'd recommend it to anyone still learning this concept.

Author

• Website - Sayantani Patra
• Frontend Mentor - @iamsayantanipatra

Acknowledgments

W3SCHOOLS, BOOTSTRAP 5, csstricks.com, google fonts helped me to understand the media queries, css grids and flebox. Google fonts helped me to give my website a beautiful look!