Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bccpadge/testimonials-grid-section
Frontend Mentor - Testimonials grid section using HTML and CSS
https://github.com/bccpadge/testimonials-grid-section
accessibility bem css-grid frontend-mentor frontendmentor-challenge html-css lighthouse responsive-design
Last synced: 15 days ago
JSON representation
Frontend Mentor - Testimonials grid section using HTML and CSS
- Host: GitHub
- URL: https://github.com/bccpadge/testimonials-grid-section
- Owner: bccpadge
- Created: 2024-02-13T18:31:04.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-02-21T16:16:35.000Z (10 months ago)
- Last Synced: 2024-02-21T17:32:28.235Z (10 months ago)
- Topics: accessibility, bem, css-grid, frontend-mentor, frontendmentor-challenge, html-css, lighthouse, responsive-design
- Language: HTML
- Homepage: https://bccpadge.github.io/testimonials-grid-section/
- Size: 488 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Testimonials grid section solution
This is a 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.
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [Useful resources](#useful-resources)
- [Author](#author)
- [Acknowledgments](#acknowledgments)## Overview
### The challenge
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
### Screenshot
![](./desktop.png)
### Links
- Solution URL: [Frontend Mentor](https://www.frontendmentor.io/solutions/responsive-testimonials-grid-section-using-css-grid-igiO1CvG0n)
- Live Site URL: [Github Pages](https://bccpadge.github.io/testimonials-grid-section/)## My process
### Built with
### Useful resources
- [Coolors Contrast Checker](https://coolors.co/contrast-checker/112a46-acc8e5) - Made Daniel and Jonathan background color darker to meet WCAG AAA standards for accessibile text
## Author
## Acknowledgments
[Learn CSS Grid the easy way](https://www.youtube.com/watch?v=rg7Fvvl3taU) by Kevin Powell