https://github.com/okayishmael/testimonials-grid-section
My solution for Frontend Mentor Junior Level challenge #1
https://github.com/okayishmael/testimonials-grid-section
css-grid css3 flexbox-grid
Last synced: 3 months ago
JSON representation
My solution for Frontend Mentor Junior Level challenge #1
- Host: GitHub
- URL: https://github.com/okayishmael/testimonials-grid-section
- Owner: okayishmael
- Created: 2025-01-30T19:11:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-31T21:37:51.000Z (over 1 year ago)
- Last Synced: 2025-07-01T11:51:06.506Z (about 1 year ago)
- Topics: css-grid, css3, flexbox-grid
- Language: HTML
- Homepage: https://okayishmael.github.io/testimonials-grid-section/
- Size: 310 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-template.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)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [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
### Links
- Solution URL: [github Repository](https://github.com/okayishmael/testimoials-grid-section)
- Live Site URL: [github Live Page](https://okayishmael.github.io/testimoials-grid-section)
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
-Write my own css for now before I jump into using Libraries
### What I learned
- How to use css grid
- Mix grid with flexbox
### Continued development
continue writing my own css to gain more situational experiences before moving into using libraries.
### Useful resources
- [WesBos CSS Grid Free Course](https://cssgrid.io/) - This helped me uderstand the full scope of css grid.
## Author
- Website - [Ishmael Sunday](https://www.linkedin.com/in/ishmael-sunday)
- Frontend Mentor - [@okayishmael](https://www.frontendmentor.io/profile/okayishmael)
## Acknowledgments
- [WesBos CSS Grid Free Course](https://cssgrid.io/)