Commit 2a456b5 1 parent 20b76e5 commit 2a456b5 Copy full SHA for 2a456b5
File tree 3 files changed +26
-116
lines changed
02-flexbox/03-flex-direction
3 files changed +26
-116
lines changed Original file line number Diff line number Diff line change @@ -124,7 +124,7 @@ Para saber cuanto espacio esta ocupando el contenedor vamos a añadir un border:
124
124
}
125
125
```
126
126
127
- Comprobamos que el contenador ocupa el 100 del ancho disponible y que los items solo ocupand el ancho que necesitan para mostrar su contenido.
127
+ Comprobamos que el contenador ocupa el 100% del ancho disponible y que los items solo ocupan el ancho que necesitan para mostrar su contenido.
128
128
129
129
Que pasaría si queremos mostrar los item en columnas en vez de en fila? solo necesitamos cambiar la propiedad flex-direction a columna:
130
130
Original file line number Diff line number Diff line change 1
- # 02 Layout
1
+ # 01 Layout
2
2
3
- ## Module CSS
3
+ ## Módulo CSS
4
4
5
- ### Table of contents
5
+ ### Tabla de contenidos
6
6
7
- - CSS fundamentals
8
- - Simple selectors
9
- - Specifying property values
10
- - Using the cascade
11
- - Specificity
12
- - Inherit
13
- - Border, margin and padding
7
+ - Conceptos CSS
8
+ - Selectores simples
9
+ - Especificando propiedades
10
+ - Usando la cascada
11
+ - Especificidad
12
+ - Herencia
13
+ - Border, margin y padding
14
14
- Font Family
15
- - Positioning
15
+ - Posicionamiento
16
16
- Flexbox
17
- - Flexbox fundamentals
17
+ - Fundamentos Flexbox
18
18
- Order
19
- - Grow, shrink and basis
20
- - Final project
19
+ - Grow, shrink y basis
20
+ - Proyecto final
21
21
- Grid CSS
22
- - Grid CSS fundamentals
23
- - Basic shorthands
24
- - Semantic Grid
25
- - Alignment
26
- - Responsive design
27
- - Basic transformation
28
- - Transformation with images
22
+ - Fundamentos Grid CSS
23
+ - Atajos básicos
24
+ - Grid semántico
25
+ - Alineación
26
+ - Diseño responsivo
27
+ - Transformaciones básicas
28
+ - Transformaciones con imágenes
29
29
- Media Queries
30
30
- Media Query Print
31
31
- Sass
32
32
- Variables
33
- - Using rules
34
- - Using imports
35
- - Using mixins
36
- - Directives of control and functions
37
-
38
- ### Video Index
39
-
40
- - Selectors (15')
41
- - Specifying property values (9')
42
- - Cascade and inherit (10')
43
- - Box model (4')
44
- - Positioning (5')
45
- - Flexbox I (11')
46
- - Flexbox II (9')
47
- - Flexbox III (9')
48
- - Grid I (3')
49
- - Grid II (7')
50
- - Grid III (8')
51
- - Media Queries (5')
52
- - Sass I (13')
53
- - Sass II (9')
54
- - Sass III (10')
55
-
56
- ## Before start
57
-
58
- If you want to run these samples from VSCode, it's recommended that you install the [ Live Server] ( https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer ) extension.
59
-
60
- ![ Live Server] ( ./content/ejecutar-live-server.gif )
61
-
62
- You can also follow these samples in Codesandbox, Codepen or similar.
33
+ - Usando reglas
34
+ - Usando imports
35
+ - Usando mixins
36
+ - Directivas de control y funciones
Load Diff This file was deleted.
You can’t perform that action at this time.
0 commit comments