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

https://github.com/kevinrivera1/galeria-grid

Creación de una galería utilizando la disposición Grid-CSS
https://github.com/kevinrivera1/galeria-grid

css3 grid-layout html5

Last synced: 3 months ago
JSON representation

Creación de una galería utilizando la disposición Grid-CSS

Awesome Lists containing this project

README

        

# Galería de Imágenes con Grid

Una galería de imágenes moderna y atractiva creada con CSS Grid.

## Tabla de Contenidos

1. [Descripción](#descripción)
2. [Capturas de Pantalla](#capturas-de-pantalla)
3. [Demo en Vivo](#demo-en-vivo)
4. [Tecnologías Utilizadas](#tecnologías-utilizadas)
5. [Instalación](#instalación)
6. [Configuración](#configuración)
7. [Uso](#uso)
8. [Características](#características)
9. [Contribución](#contribución)

## Descripción

Este proyecto es una galería de imágenes diseñada utilizando CSS Grid para lograr un diseño moderno y atractivo. La galería permite mostrar una colección de imágenes de manera organizada y con una presentación visualmente atractiva.

## Capturas de Pantalla

![Grid Imagenes](./img/desktop.gif)

## Demo en Vivo

Puedes ver una demostración en vivo de la galería [aquí](https://kevinrivera1.github.io/Galeria-Grid/).

## Tecnologías Utilizadas

- HTML
- CSS
- CSS Grid

## Instalación

1. Clona este repositorio en tu máquina local utilizando el siguiente comando:

```bash
git clone https://github.com/KevinRivera1/Galeria-Grid.git
```

2. Abre el archivo `index.html` en tu navegador de preferencia.

## Configuración

No requiere configuración adicional.

## Uso

Simplemente abre el archivo `index.html` en tu navegador y navega por la galería de imágenes.

## Características

- Diseño moderno y atractivo.
- Uso de CSS Grid para el diseño de la galería.
- Carga optimizada de imágenes.
- Responsive para diferentes tamaños de pantalla.

## Contribución

Si deseas contribuir a este proyecto, por favor sigue estos pasos:

1. Fork el repositorio.
2. Crea una nueva rama (`git checkout -b feature/nueva-caracteristica`).
3. Realiza tus cambios y realiza un commit (`git commit -m 'Agrega nueva característica'`).
4. Sube tus cambios a la rama (`git push origin feature/nueva-caracteristica`).
5. Abre un Pull Request.