Siquieran suponerle Botton a secar y voy a eliminar este width no es necesario tampoco este de Padín.
Voy a regresar el que estaba al Pardina anterior un Rémy tres guardamos cambio si abrimos el proyecto
ahora puedes ver que este botón de aquí está bien le falta que esté posicionado acá pero el tamaño es
bueno.
Sin embargo este otro no se debe tomar todo el espacio disponible y es difícil porque tenemos una clase
llamada botón tal vez digas bueno pero puedes poner aquí display Block display Block y eso lo va a hacer
que sean anchos y eso lo va a hacer y va a hacer que se tome todo el espacio disponible.
El problema es que cuando utilice esta clase se va a aplicar también el display vlog por cierto aquí
lo va a hacer.
Puede ser que nos hace falta también centrarlo.
Voy a poner aquí para que todos los botones están centrados.
Podríamos crear una utilidad para display Block también de nuevo muchos fréjoles lo utilizan y que podemos
ponerle punto de block y eso va agregaron display Block entonces tendremos que agregar esta clase en
cada uno de estos enlaces para que funcione.
Por lo tanto vamos a abrir aquí el ser más grande de esta parte aquí junto a estas de amarillo voy a
seleccionar las tres y pego Bloc entonces agrego Display y Bloc en las tres.
Quiero mostrarte algo puedes ver que no funciona no se ve no se ve que lo haya tomado todo por qué pasa
eso.
Puede ser que tenemos este display Block aquí y en lo que viene siendo el botón aparece block de nuevo.
De nueva cuenta puedes recordar que por eso se llama hojas de estilo en este caso se aplica primero
display block pero después detecta que este display Block se reescribe.
Si cortar a este lo moviera para acá entonces sí lo aplicaría porque está hasta abajo pero eso ya no
saca nuestro elemento de las utilidades ya vamos a tener un desorden y eso se lo empezamos a hacer.
Vamos a terminar con código un poco desordenado entonces lo regreso hacia arriba y puede ser que seguimos
teniendo el problema debe de haber una forma en la que podamos mantener nuestro código organizado pero
que no se reescribe esta propiedad.
Una de ellas es que hacerlo más específico es decir mientras más específico sea un selector.
Si ponemos aquí punto botón punto o tono amarillo y guardamos cambios puedes ver que si lo aplica pero
de nueva cuenta esto ya deja de ser útil porque tenemos tres clases pegadas y tendríamos que tener las
tres siempre.
Una solución que a muchas personas no les gusta es aplicarle algo que se conoce como importante ese
es si lo pones de esta forma y guardas cambios puedes ver que detecta que está aquí este blog que dice
Bueno a mí no me importa y siempre que haya un display aquí lo va a ignorar totalmente no le va a importar
ahora si le pones aquí también importan pues ambos llegan a detectar no importa si se aplica la ley
de CSS el que esté después el que esté hasta el final gana el que se mantiene.
Entonces no recomiendo que llenes de importance tuvo tu proyecto yo solamente a lo mucho pongo uno o
dos por por sitio web pero en este caso puedes ver que es un caso de uso donde puedes utilizar el importan
para planchar este que está aquí y siempre que tengamos esta clase que aplique lo que viene siendo el
display importante y es el que tenemos en nuestros tres botones tenemos este otro en esta parte.
Si vemos el diseño puedes ver que este botón está alineado hacia la derecha por lo tanto de nueva cuenta
abrimos el Index y lo vamos a rodear por un elemento padre vamos a poner aquí por ejemplo ver todas
y cortamos este bien podría ser una utilidad de alinear a la derecha pero lo vamos a dejar así.
Por ejemplo podría copiar esta clase de scroll y poner aquí por ejemplo punto ver todas primero display
Flex entonces el display Flex por sí solo no va a hacer nada porque solamente hay un elemento pero podemos
utilizar y voy a hacerlo mejor hacia arriba creo que es mejor podemos justificó contén.
De nueva cuenta Flex restart lo alineará a la izquierda es igual a no tenerlo y después Plex.
Esto lo va a empujar hacia la derecha o también tiene centro si lo quieres colocar al centro muy también
colocar elementos de esta forma como Flex puedes ver que se coloca en esta parte de acá y tiene esta
separación aquí porque si recuerdas el botón la hemos colocado en un margen top.
Mario 3mm tiene esta separación aquí la verdad es que se va viendo bastante bien en el proyecto.
Vamos a abrir previo de nueva cuenta y puede ser que tenemos esta sección así que veamos cómo trabajar
con ella en el siguiente video.