• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

This Project is about creating different layouts using CSS Grid properties and positioning HTML items with Grid.

[CSS Grid Models] is a responsive website using CSS Grid to layout HTML element/items at different media query breakpoints.

• HTML
• SCSS
• Media Query
• CSS Grid

• [CSS Grid]
• [Media Query]

(back to top)

• Live Demo

(back to top)

To get a local copy up and running, follow these steps.

In order to run this project you need:

• Visual Studio Code.
• Node JS.
• Git bash.
• GitHub Account.

Clone this repository to your desired folder:

Use git clone command or download ZIP folder

Example commands:

  cd my-folder
  git clone [email protected]:tsheporamantso/CSS-GRID-MODELS.git

Install this project with:

npm

To run the project, execute the following command:

npm start or live server

To run tests, run the following command:

npm test

You can deploy this project using:

GitHub Pages

(back to top)

👤 Gladwin Tshepo Ramantso

• GitHub: @tsheporamantso
• Twitter: @ramgt001
• LinkedIn: Tshepo Gladwin Ramantso

(back to top)

• [new_feature_1]
• [new_feature_2]
• [new_feature_3]

(back to top)

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

If you like this project please follow me on github & twitter and also connect on Linkedin.

(back to top)

I would like to thank Figma for this exercise.

(back to top)

• [Question_1]

  • [Answer_1]

• [Question_2]

  • [Answer_2]

(back to top)

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)