Skip to content

THIS IS A BASIC GRID TUTORIAL FOR VAST NUMBER OF WEBSITE.

Notifications You must be signed in to change notification settings

yarkhan706/GRID-Tutorial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sample HTML and CSS Grid Layout

This is a simple HTML and CSS project that demonstrates a basic grid layout using the CSS grid property. The layout consists of a header, navigation, main content, aside, and footer sections.

Installation

No installation is required for this project, as it only uses HTML and CSS. You can simply clone the repository or download the HTML and CSS files to your local machine.

Usage

  1. Open the index.html file in your preferred web browser.
  2. You will see a grid-based layout with different sections: HEADER, NAV, content, ASIDE, and footer.
  3. The CSS styling creates a visually appealing design with a green background color for header, navigation, footer, main content, and aside sections. The text color is set to 'aliceblue'.

Feel free to modify the HTML and CSS files according to your requirements and experiment with different styles.

Credits

This project was created by Asfand Yar Khan (yarkhan706). If you found this layout helpful, you can acknowledge this repository in your own projects.

Happy coding!

About

THIS IS A BASIC GRID TUTORIAL FOR VAST NUMBER OF WEBSITE.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published