Skip to content

Commit 11428b5

Browse files
[#525]: Update flexbox examples
1 parent 2a456b5 commit 11428b5

File tree

6 files changed

+29
-30
lines changed

6 files changed

+29
-30
lines changed

01-layout/02-flexbox/07-justify-content/README.md 01-layout/02-flexbox/07-justify-align/README.md

+1-30
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Justify content
1+
# Justify and align
22

33
Vale, podemos mostrar los elementos, apilarlos pero nos interesar jugar con la posicion (justificacion) del contenido (Como con Ms Word),
44

@@ -253,32 +253,3 @@ Vale, ahora que tenemos la opcion de multilinea activa podemos jugar con la prop
253253
+ align-content: center;
254254
}
255255
```
256-
257-
## Order
258-
259-
Vamos a cambiar el orden de los elementos
260-
261-
```diff
262-
+ #box4 {
263-
+ order: 1;
264-
+ }
265-
266-
+ #box1 {
267-
+ order: 4;
268-
+ }
269-
```
270-
271-
¿Por que no se ponen el primero el box4? Porque por defecto el orde es 0.
272-
273-
Vamos a probar con esto
274-
275-
```diff
276-
#box4 {
277-
- order: 1;
278-
+ order: -1;
279-
}
280-
```
281-
282-
Ahora si, ya tenemos el box4 como el primer elemento.
283-
284-
¿Que opinais sobre esta manipulación de los elementos html?
+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
## Order
2+
3+
Vamos a cambiar el orden de los elementos
4+
5+
```diff
6+
+ #box4 {
7+
+ order: 1;
8+
+ }
9+
10+
+ #box1 {
11+
+ order: 4;
12+
+ }
13+
```
14+
15+
¿Por que no se ponen el primero el box4? Porque por defecto el orde es 0.
16+
17+
Vamos a probar con esto
18+
19+
```diff
20+
#box4 {
21+
- order: 1;
22+
+ order: -1;
23+
}
24+
```
25+
26+
Ahora si, ya tenemos el box4 como el primer elemento.
27+
28+
¿Que opinais sobre esta manipulación de los elementos html?

0 commit comments

Comments
 (0)