From 4d2e9e6aec52465c14f840da0ed07f0cf18bf7c9 Mon Sep 17 00:00:00 2001 From: Ramiro D'Accorso Date: Sun, 26 Jul 2020 20:58:58 -0300 Subject: [PATCH] =?UTF-8?q?Primer=20commit,=20idea=20basica=20terminada=20?= =?UTF-8?q?-Flex=20friendly=20para=20diferentes=20tama=C3=B1os=20de=20pant?= =?UTF-8?q?allas=20-Hover=20que=20destella=20la=20imagen=20por=20la=20que?= =?UTF-8?q?=20pasa=20el=20mouse=20-Al=20clickear=20y=20mantener=20se=20agr?= =?UTF-8?q?anda=20la=20imagen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Se uso CSS basico sin css-grids --- index.html | 42 ++++++++++++++++++++++++++++++++++++++++ src/css/styles.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 90 insertions(+) create mode 100644 index.html create mode 100644 src/css/styles.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..c16b400 --- /dev/null +++ b/index.html @@ -0,0 +1,42 @@ + + + + + + + Galeria de Fotos + + + + + +
+ +
+ +
+ +
+
Gatito hermoso
+
Pizza
+
Cafecitu
+
Arbol
+
Cielo rosado
+
Perito bebe
+
Torta de chocolate
+
Corazon lgbt
+
Flor y picaflor
+
Walle
+
Ensalada de frutas
+
Noche hermoso
+
+ +
+ Made with love by @irnias +
+ +
+ + + + \ No newline at end of file diff --git a/src/css/styles.css b/src/css/styles.css new file mode 100644 index 0000000..f023d0e --- /dev/null +++ b/src/css/styles.css @@ -0,0 +1,48 @@ +body { + background: #F4F6F6; + margin: 0px; + padding: 0px; +} + +.header p { + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 22px; + font-weight: 800; + text-align: center; + padding-top: 2%; +} +.contenedor { + height: 100%; + justify-content: center; + max-width: 80%; + display: block; + background: #EAF2F8; + margin: 0 auto; +} + +.contenedor-foto { + justify-content: center; + display: flex; + flex-flow: row wrap; + max-height: 70%; +} + +img { + max-width: 200px; +} + +img:hover{ + max-width: 210px; +} + +img:active{ + transform: scale(2,2); + display: block; +} + +.footer { + display: block; + text-align: center; + color: grey; + bottom: 0; +} \ No newline at end of file