Cada vez que uses !important muere un gatito.
Recuérdalo !important
Se trata de alineación con flexbox, únicamente escribiendo clases. Aquí https://codepen.io/Fabricio93/pen/qBBZmjR?editors=1100.
Básicamente escribes "flex- " al contenedor padre y luego donde quieres colocar los elementos, primero el eje X y luego el Y.
Por ejemplo, "flex-left-top" colocaría los elementos arriba y a la izquierda.
Luego para cuando es "flex-direction: column," las clases comienzan con "column- " , un ejemplo sería "column-center-bottom", estaría centrado abajo.
Visualmente siempre escribes el eje X y luego el Y, me pareció más fácil así ya que me generaba cierta confusión cuando cambiaba el eje principal.
Después quedan las clases, flex-space-a, flex-space-b y flex-space-e, vienen de space-around , space-between y space-evenly. Se pueden combinar con las otras.
Aquí un ejemplo:
Los elementos estarían centrados en ambos ejes con un space-between.
Sería eso, me gustaría saber que les pareció y si hay algún error. Hay que pulir algunas cosas pero voy despacio.
Esto lo aprendí de un Truco CSS de Álvaro, y viene bastante bien en este caso.
Es posible vincular un checkbox y un label y reemplazar todo ese código JS, aquí un pequeño ejemplo de cómo sería:
<input id="toggle" type="checkbox" class="input">
<label for="toggle" class="button">
</label>
.input {
display: none;
}
.button {
display: block;
width: 100px;
height: 100px;
background: red;
}
.input:checked + .button {
background: yellow
}
Aquí el ejemplo del botón menú en Codepen
Donde enseñen a grabar, componer y manejar programas de audio, sería muy bueno.
con esta clase me decepciono comprar el curso, porque creo que el de YouTube que explicas tu esta mejor
Tengo una duda, cuando es column, y column-reverse, la dirección del cross axis es de izquierda a derecha, en ambos casos?
Llegue a pensar que le pondriamos una estrella y buscariamos las demas ... .al final llamariamos al drgaon!
Saludos
¿Ustedes vieron el color rosa en el .col-1?
Yo no lmfao :v
¿Quieres saber qué tipo de inteligencia o inteligencias dominantes tienes? ¡Averígualo en este post!
⌨ ¿Cuáles son tus atajos favoritos en Windows?
Si no usas atajos de teclado para hacer ciertas acciones, estás perdiendo muchísimo tiempo. Usa estos atajos y sé un pro en Windows, y haz más rápido tu trabajo.
¿Eres estudiante? ¡Obtén 50% de descuento para estudiar en EDteam! 🎒 ed.team/estudiantes