Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chiragaug6/responsive-gallery-css-grid

css-grid css3 html5 media-queries responsive-layout

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/chiragaug6/responsive-gallery-css-grid
Owner: chiragaug6
Created: 2023-02-15T14:45:48.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-09-17T18:22:39.000Z (over 1 year ago)
Last Synced: 2023-09-17T19:30:55.768Z (over 1 year ago)
Topics: css-grid, css3, html5, media-queries, responsive-layout
Language: HTML
Homepage: https://chiragaug6.github.io/responsive-gallery-css-grid/
Size: 1.86 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        ## ⭐ Responsive Gallery Using CSS Grid⭐

This is a Layout of Responsive Gallery using CSS Grid, built using HTML5 and CSS3**.







## 📌 **Live Site URL:** **Visit Now** 🚀




## 📌 Tech Stack

[![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)](https://github.com/prakash-naikwadi) 

[![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)](https://github.com/prakash-naikwadi) 







## 📌 Overview




![Alt Image text](/assets/output1.png?raw=true "Optional Title")

![Alt Image text](/assets/output2.png?raw=true "Optional Title")

## 📌 What I Learn

👉 Learn about how to build Responsive layout using `Grid`.


👉 Learn more Hover efffect and transition. 


👉 Project use of `background-position` property.
 

👉 How to use `media-query` and make Responsive layout. 


👉 How to Use google font in our Website. 


## 📬 Connect With Me

- **LinkedIn** - [Chirag Solanki](https://www.linkedin.com/in/chiragagu6/)

## 📌 Acknowledgments

- Instructor  - [Anuj Kumar Sharma](https://github.com/Anuj-Kumar-Sharma)

- Images Used For Gallery Section - [https://unsplash.com/](https://unsplash.com/s/)