/3-column-preview-card-component

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

Primary LanguageCSS

3 column preview card component

This is a solution to the 3-column preview card component challenge on Frontend Mentor.



Table of contents

Overview

The challenge

There are challenges in this projects -

  1. Make it responsive
  2. Make the it look perfectly
  3. make the buttons hover effect

Screenshot

Desktop Preview

screencapture-file-C-Users-Manik-OneDrive-Desktop-Starting-Over-Again-3-column-preview-card-component-main-index-html-2023-05-16-11_16_50

Mobile Preview

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • :hover, :root
  • Desktop First
  • Padding, margin, border radius

What I learned

  1. Not learned musch but it helped to improve my skills