Deberás implementar una galería de fotos, utilizando solamente HTML y CSS.
⛔ No se puede utilizar JavaScript.
⛔ No se puede utilizar ningún framework de CSS.
✅ Debe soportar fotos horizontales y verticales.
✅ Debe poder ampliar una foto a su tamaño original o a un máximo determinado al hacerle un click.
✨ Serás libre de implementar la estética y funcionalidad que quieras, siempre y cuando se cumplan las condiciones esenciales del desafío.
Podrás utilizar cualquier herramienta de búsqueda que necesites (amamos buscar en Google y leer Stack Overflow <3).
Tendrás 1 hora para resolver el desafío.
- https://codepen.io/MalaikaIshtiaq/pen/MNbXyx
- https://codepen.io/thebabydino/pen/oWqpzw
- https://codepen.io/bbx/pen/Jxoqdg
- https://codepen.io/alchatti/pen/NOdzLO
¡Este repositorio incluye algunas fotos de ejemplo! Están en la carpeta fotos:
De todos modos, si tenés fotos que te gusten y quieras usarlas a mano, podés utilizar esas mismas.
Hacé un fork de este repo:
Cloná tu fork, reemplazando [TU_ALIAS] con el nombre de tu cuenta de GitHub. Podés clonarlo utilizando la consola:
git clone https://github.com/[TU_ALIAS]/DevOff-Desafio-1
También podés utilizar GitHub Desktop, tu IDE favorito, lo que gustes.
Cuando finalices la resolución del desafío, no olvides subir todos tus cambios usando git push o el equivalente que ofrezca tu cliente de Git. Envianos por el chat de la transmisión o por DM a la cuenta de Twitter de DevOff Argentina el link a tu repositorio.
Cuando finalices la resolución del desafío, envianos un archivo ZIP con todo tu trabajo a través de WeTransfer.
- ¡Gracias a Gonzalo Pozzo y Magalí Domínguez por ser nuestros jurados!
- ¡Un agradecimiento especial a Damián Catanzaro, el jurado invitado de esta edición!
¡Gracias a Migue Moyano, Joel A. Villarreal Bertoldi y Agustín Carrasco del equipo de CoDeAr por dar una mano para que este proyecto sea posible!
DevOff Argentina es un proyecto ideado por Aldana Denise, con el apoyo de CoDeAr.
Este desafío incluye fotos cortesía de las siguientes fuentes:
- Close up photography of sleeping tabby cat, de Ihsan Adity
- Baking cheese cooking crust, de Pixabay
- Woman holding cup of latte, de The Lazy Artist
- Photography of tree, de Yugal Srivastava
- White clouds and blue sky, de Ithalu Dominguez
- Brown and white short coated puppy, de Valeria Boltneva
- Food plate chocolate dessert, de Alexander Dummer
- Person holding multi-colored heart-shaped ornament, de Sharon McCutcheon
- Brown hummingbird selective focus photography, de Philippe Donn
- Wall-e toy on beige pad, de Lenin Estrada
- Sliced fruits on tray, de Trang Doan
- Person hand and crescent moon, de Kaique Rocha
¡A continuación, listamos todas las soluciones que se fueron presentando para este desafío!
🌟 Participantes EN VIVO:
- https://github.com/LucianABC/DevOff-Desafio-1, por Lucian 🏆
- https://github.com/paz873107/DevOff-Desafio-1, por Paz Casaux
- https://github.com/MatiSera/DevOff-Desafio-1, por Mati Sera
- https://github.com/Irnias/DevOff-Desafio-1, por Irnias
💜 Participantes de la comunidad:
- https://codepen.io/joaqo89/pen/oNbRJyR, por Joaco
- https://codepen.io/paula-abramovich/pen/bGEyOdV. por Paula Abramovich
- https://codepen.io/saulmoniq/pen/RwrmExb, por Saul Monique
- https://devoff-desafio1.vercel.app, por Oscar Moreira
- https://twitter.com/i/status/1288130251109826560, por @SailorCris
- https://codepen.io/julieta-mullen/pen/BajeQdY, por Julieta Mullen
- https://codepen.io/edukj/pen/ZEQNOap, por Kuki
- https://github.com/csmamani/DevOff-Desafio-1, por Carolin
- https://codepen.io/gabrield22/pen/NWxVraK, por Gabriel Domínguez
- https://codepen.io/erosilk/pen/WNrBwMa, por Micael Robles
- https://codepen.io/dcatanzaro/pen/VweOaZe, por Damián Catanzaro
- https://codepen.io/adrian-benavente/pen/VweOwNq, por Adrián Benavente
- https://twitter.com/Jess_vel92/status/1287855604590092291, por @Jess_vel92
- https://codepen.io/fefitin/pen/RwrmrKb, por Federico García
- https://codepen.io/goncy/pen/rNxbExM, por Goncy
- https://ivanfranco502.github.io/DevOff-Desafio-1/, por Iván Franco
- https://twitter.com/GabiAleMoya/status/1287611234595082241, por @GabiAleMoya
- https://github.com/Enkdress/DevOff-Desafio-1, por Sergio Correa
- https://github.com/emicarito/DevOff-Desafio-1, por Emi Carito
- https://codesandbox.io/s/purple-lake-s3r2f, por Milonesse
- https://github.com/mmoyano16/DevOff-Desafio-1, por Migue Moyano
- https://repl.it/@joelalejandro/DevOff-Desafio-1#index.html, por Joey
- https://twitter.com/AyalaLean4339/status/1288927021071040516, por @AyalaLean4339
- https://github.com/Emilia-Guadalupe/GaleriaDeFotos, por Emilia Guadalupe
- https://codepen.io/Aman-sgz/pen/GRobNYv, por Aman
- https://github.com/marcosdellavecchia/DevOff-Desafio-1, por Marcos Della Vecchia
- https://gueretamartin.github.io/DevOff-Desafio-1/, por Martín Guereta
- https://twitter.com/Franqsanz/status/1288937196439953409, por @Franqsanz