https://github.com/aldamayorgadev/learning-responsive-web-design

Ejemplos de uso de Media Queries para el responsive web design.
https://github.com/aldamayorgadev/learning-responsive-web-design

css html media-queries responsive-web-design

Last synced: 15 days ago
JSON representation

Ejemplos de uso de Media Queries para el responsive web design.

• Host: GitHub
• URL: https://github.com/aldamayorgadev/learning-responsive-web-design
• Owner: AldaMayorgaDev
• Created: 2022-12-27T06:20:55.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-27T21:14:32.000Z (about 2 years ago)
• Last Synced: 2024-11-05T15:14:06.907Z (2 months ago)
• Topics: css, html, media-queries, responsive-web-design
• Language: CSS
• Homepage:
• Size: 688 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ejemplos de uso de Media Queries en CSS

_En este proyecto se muestra el uso de @media-queries en CSS con ejemplos sencillos, Se comenta el código con una breve reseña._

## Índice📚 

* 001.css: Media queries  - Sintaxis.

* 002.css: Enfoque Mobile First. 

* 003.css: Enfoque Desktop First.

* 004.css: Media queries entre dos tamaños.

* 005.css: Snippet para Media Queries.

* 006.css: Tamaños estándar para @media queries.

* 007.css: Contendor responsive.

* 008.css: Crear 3 columnas responsive en Flex-box utilizando el enfoque Mobile first.

* 009.css:  Crear 3 columnas responsive en Flex-box utilizando el enfoque Mobile first .

* 0010.css: Imágenes Responsive.

## Construido con 🛠️

_Las técnologias utilizadas fueron:_

* HTML 

* CSS

## Tips 💡 

* snippet-media-queries.json: Snippet para crear media queries- configuracion en VS Code.

* snippet-picture-img.json: Snippet para agregar imagenes en formatos ligeros y pictures para ofrecer imagenes de acuerdo a la resolucion de pantalla- configuracion en VS Code.

## Autores ✒️

* **Aldahir Mayorga** - *Trabajo Inicial* - [AldaMayorgaDev](https://github.com/AldaMayorgaDev)

---

⌨️ Hecho con ❤️ por [AldaMayorgaDev](https://github.com/AldaMayorgaDev) 😊🚀