Frontend Mentor - Single price grid component

This is a solution to the Single price grid component challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
  • My process
  • Built with
  • What I learned

Overview

The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size

Screenshot

Links

• Live Site URL:

My process

• 3rd time practicing skill with using flexbox and grid
• Practice using grid layout
• enhacing and fixing coding structure in css (more)
• use comments to specify clearly for every single part
• problem occurs when using grid for layout-ing the card but then find the solution to fix that later on
• learned how to use [::first-letter] to capitalize text.

Built with

• HTML
• CSS (Flexbox)

What I learned

Get to know with using flexbox,doing as a practical project to enhance knowledge and getting insights about css structures. Getting chance to preview and learn carefully more about grid.