CSS resuelto

09-CSS-Positioning/homework/homework.css

@@ -4,35 +4,68 @@ archivo en cualquiera de estas carpetas, estás en el lugar equivocado.
 */
 
 /* Ejercicio 1: Centrar el texto en un span */
-
-/* Arrancaremos este ejercicio por vos: */
 #ejercicioUno {
-
+    display: block;
+    text-align: center;
 }
 
-
 /* Ejercicio 2: Posicionar el header */
-
-/* Acá va tu código */
-
-
+#ejercicioDos {
+    display: none;
+}
 
 /* Ejercicio 3: */
-
-/* Acá va tu código */
-
-
+#ejercicioTres {
+    position: relative;
+    top: 100px;
+    left: 200px;
+}
 
 /* Ejercicio 4: */
-
-/* Acá va tu código */
-
-
+#ejercicioCuatro {
+    position: fixed;
+    top: 0;
+    left: 0;
+}
 
 /* Ejercicio 5: */
-
-/* Acá va tu código */
-
-
+#ejercicioCinco {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
 
 /* Ejercicio 6. */
+#ejercicioCinco {
+    flex-direction: row-reverse;
+}
+
+/* Ejercicio 7. */
+#ejercicioSiete {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+#elementoUno {    
+    justify-content: flex-end;
+    align-items: flex-end;
+    align-self: flex-end;
+    flex-direction: column;
+}
+#elementoDos {
+    justify-content: flex-start;
+    align-items: flex-start;
+    align-self: flex-start;
+    flex-direction: column;
+}
+#elementoTres {
+    justify-content: right;
+    align-items: flex-end;
+    align-self: flex-end;
+    flex-direction: row-reverse;
+}
+#elementoCuatro {
+    justify-content: left;
+    align-self: flex-start;
+    flex-direction: row;
+}