Learn to make CSS Grid the easy way with testimonials layout.
These instruction will make you to learn css grid layout by replicating the similar outcomes.
Git(optional) - To track and save the data into repo for future references.
VS Code Editor(optional) - Rquired to make the development easy and seemless.
PHP live Server Plugin for VS Code - To open index page locally in browser.
(Note:- You can view the index page by directly open it on browswer by double clicking on it.)
HTML5 - To make the basic structure of the grid.
CSS3 - required for understand the basic principles of grid layout styling.
- Clone the repository
https://github.com/Skynet966/Testimonials-Grid.git
- Navigate to the Testimonials-Grid directory
cd Testimonials-Grid
- Open the
index.html
page on browser using PHP live server.
This directory contains all the images that has been used in our grid testimonials layout.
This file contians all the HTML5 structure for grid layout and also have exteral css file link.
In this file we have all the css styles written that has been used to make the actual grid testimonials layout.
Get a glace of final layout :: https://skynet966.github.io/Testimonials-Grid/