Diferencias

Muestra las diferencias entre dos versiones de la página.

--- clase:daw:diw:css-flex-grid [2026/10/23 22:55] – Reorganización del módulo: página nueva claude
+++ clase:daw:diw:css-flex-grid [2026/10/23 23:06] (actual) – Medios movidos de 1eval/2eval a clase:daw:diw claude
@@ Línea 8: / Línea 8: @@
   * [[https://css-tricks.com/snippets/css/a-guide-to-flexbox/|A Complete Guide to Flexbox]]
-  * {{:clase:daw:diw:1eval:css_flexbox_layout_cheatsheet.pdf|Flexbox Layout Cheatsheet. Otra guía rápida de flexbox}}
+  * {{:clase:daw:diw:css_flexbox_layout_cheatsheet.pdf|Flexbox Layout Cheatsheet. Otra guía rápida de flexbox}}
   * [[https://medium.com/@js_tut/the-complete-css-flex-box-tutorial-d17971950bdc|The Complete CSS Flex Box Tutorial]]
   * [[https://medium.com/@js_tut/flexbox-the-animated-tutorial-8075cbe4c1b2|Flexbox — The Animated Tutorial]]
@@ Línea 60: / Línea 60: @@
   * ''flex-direction:row'' Los items se colocan en horizontal. Es decir en una única línea.
-{{:clase:daw:diw:1eval:flex-row.png|}}
+{{:clase:daw:diw:flex-row.png|}}
   * ''flex-direction:column'' Los items se colocan en vertical. Es decir en una única columna.
-{{:clase:daw:diw:1eval:flex-colum.png|}}
+{{:clase:daw:diw:flex-colum.png|}}
 ==== flex-wrap ====
@@ Línea 70: / Línea 70: @@
   * ''flex-wrap:wrap'' Si se añade se pasa de línea en vez de mantenerse en la misma
-{{:clase:daw:diw:1eval:flex-wrap.png|}}
+{{:clase:daw:diw:flex-wrap.png|}}
 ==== justify-content ====
@@ Línea 83: / Línea 83: @@
   * ''justify-content:space-evenly''
-{{:clase:daw:diw:1eval:flex-justify-content.png|}}
+{{:clase:daw:diw:flex-justify-content.png|}}
 ==== align-content ====
@@ Línea 96: / Línea 96: @@
   * ''align-content:space-around''
-{{:clase:daw:diw:1eval:flex-align-content.png|}}
+{{:clase:daw:diw:flex-align-content.png|}}
 ==== align-items ====
@@ Línea 108: / Línea 108: @@
   * ''align-items:baseline''
-{{:clase:daw:diw:1eval:flex-align-items.png|}}
+{{:clase:daw:diw:flex-align-items.png|}}
 ==== flex-grow ====
@@ Línea 117: / Línea 117: @@
   * ''flex-grow:3'': Como al anterior pero todos los que tengan este valor tendrán el mismo tamaño entre ellos pero el **triple** que los de ''flex-grow:1''
-{{:clase:daw:diw:1eval:flex-grow.png|}}
+{{:clase:daw:diw:flex-grow.png|}}
@@ Línea 244: / Línea 244: @@
 <note tip>
-{{ :clase:daw:diw:1eval:flex-frog.png?direct&100 |}}
+{{ :clase:daw:diw:flex-frog.png?direct&100 |}}
 Para aprender flexbox puede jugar a [[https://flexboxfroggy.com/#es|Flexbox Froggy - A game for learning CSS flexbox]]
@@ Línea 257: / Línea 257: @@
     * [[https://tympanus.net/codrops/css_reference/grid/|CSS Grid is a two-dimensional layout system created specifically to tackle grid-based user interfaces on the web.]]
     * [[https://www.codeinwp.com/blog/css-grid-tutorial-layout/|The Ultimate CSS Grid Tutorial for Beginners (With Interactive Examples)]]
-    * {{:clase:daw:diw:1eval:css_grid_layout_cheatsheet.pdf|}}
+    * {{:clase:daw:diw:css_grid_layout_cheatsheet.pdf|}}
   * Grid vs FlexBox:
     * [[https://www.youtube.com/watch?v=hs3piaN4b5I|Video:Flexbox vs. CSS Grid — Which is Better?]]
@@ Línea 463: / Línea 463: @@
 </sxh>
-{{:clase:daw:diw:1eval:grid-gap.png|}}
+{{:clase:daw:diw:grid-gap.png|}}
@@ Línea 574: / Línea 574: @@
 ==== Ejercicio 2 ====
-Crea la siguiente página web [[https://nemo.wickedtemplates.com/|Wicked Templates || Nemo]]. Si la página no está accesible tienes una copia aqui: {{ :clase:daw:diw:1eval:wicked_teplates_nemo.zip |}}
+Crea la siguiente página web [[https://nemo.wickedtemplates.com/|Wicked Templates || Nemo]]. Si la página no está accesible tienes una copia aqui: {{ :clase:daw:diw:wicked_teplates_nemo.zip |}}
 Si quieres variar el fondo, puedes obtener  imágenes de [[https://pngtree.com/free-backgrounds-photos/|Background Photos, Vectors and PSD Files for Free Download | Pngtree]]