Frontend Mentor - Single price grid component solution

This is a solution to the Single price grid component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • Continued development

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

Screenshot

Desktop Screen Preview

Mobile Screen Preview

Links

• Solution URL: https://github.com/Code-Beaker/single-price-grid-code
• Live Site URL: Add live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
  • Colors
  • Font family
  • Font sizes
• CSS Grid
  • Grid template columns
  • Grid rows
• Responsive Design
  • Mobile Screens
  • Desktop screens

Continued development

As of this project, I have understood that CSS Grid is not as easy as I thought it would be. I want to learn more about grid, so that I can become better at it.