https://github.com/manikmaity/single-price-grid-component-solution
This is a solution to the Single price grid component challenge on Frontend Mentor coded by [Me](https://www.linkedin.com/in/manikmaity/)
https://github.com/manikmaity/single-price-grid-component-solution
csss frontend-mentor html website
Last synced: 11 months ago
JSON representation
This is a solution to the Single price grid component challenge on Frontend Mentor coded by [Me](https://www.linkedin.com/in/manikmaity/)
- Host: GitHub
- URL: https://github.com/manikmaity/single-price-grid-component-solution
- Owner: ManikMaity
- Created: 2023-05-17T17:01:58.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-17T17:28:07.000Z (about 3 years ago)
- Last Synced: 2025-03-14T06:23:58.634Z (about 1 year ago)
- Topics: csss, frontend-mentor, html, website
- Language: CSS
- Homepage: https://manikmaity.github.io/single-price-grid-component-solution/
- Size: 14.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Single price grid component solution
This is a solution to the [Stats preview card component challenge on Frontend Mentor](https://www.frontendmentor.io/profile/ManikMaity).
### [Live Website](https://manikmaity.github.io/single-price-grid-component-solution/)
### [Linkedin](https://www.linkedin.com/in/manikmaity/)
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
## Overview
### The challenge
There are challenges in this projects -
1. make the 1st grid item span 2
2. Make the it look perfectly
3. change the image on mobile view
### Screenshot
#### Desktop Preview

#### Mobile Preview

### Links
- Solution URL: [Frontend Mentor](https://www.frontendmentor.io/profile/ManikMaity)
## My process
### Built with
- Semantic HTML5 markup
- Position, media query
- 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