https://github.com/saketkothari/css-grid
This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!
https://github.com/saketkothari/css-grid
css-grid css3 frontend-mentor testimonials-grid
Last synced: 7 months ago
JSON representation
This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!
- Host: GitHub
- URL: https://github.com/saketkothari/css-grid
- Owner: SaketKothari
- Created: 2022-06-04T04:25:11.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-06-04T04:29:27.000Z (over 3 years ago)
- Last Synced: 2025-01-26T02:27:54.732Z (8 months ago)
- Topics: css-grid, css3, frontend-mentor, testimonials-grid
- Language: HTML
- Homepage: https://saketkothari.github.io/css-grid/
- Size: 11.7 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# css-grid
### [Live Site](https://saketkothari.github.io/css-grid/)
#
- This is my solution to the [Testimonials grid section challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/testimonials-grid-section-Nnw6J7Un7). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
- CSS Grid is a powerful tool that CSS gives us to easily align items and create 2d layouts.
- The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
- Fully Responsive
- This project was an excellent excercise in CSS grid and I learned how CSS grid made the layout of the individual card and the page significantly easier than traditional CSS. I learned how to use minmax, auto, and 1fr to make the page flow from mobile-first to the desktop.