Deja de decir que no sabes centrar un div o que es muy difícil en CSS. ¡Es facilísimo! Con estas dos maneras lo vas a hacer perfectamente y sin usar hacks raros del pasado. ¡Ahora ya lo sabes! #shorts
Que, aunque funciona, siempre es mejor que sea el contenedor el que sabe cómo debe de colocar a los hijos. La solución del margin: auto, te obliga a estilar el hijo y no funciona correctamente si luego tienes más de un elemento (el otro sí que funcionaría correctamente).
Después de la implementación de ES6, es fácil decir "forma correcta", antes era donde cada quien se la ingenieba diferentes formas para diferentes elementos. Igual buen video
@@FrijolitoMaster las propiedades que aparecen en el vídeo del css, aparecieron con ese estándar, antes de eso no existían, y es donde se usaban las formas "incorrectas", pero es porque todo cambia.
Funciona al 100% 👌 al no ser usada por librerias al estar deprecated, se aplica bien. Pero no la uses en sitios web, ya hay otras alternativas como la del vídeo.
@@sebastianestrada1311 sigue funcionando, pero esta deprecated también 😅. Básicamente las "buenas prácticas" dicen que todo lo que tenga que ver con formato y alineación uses css y no los atributos/etiquetas de HTML para hacerlo. No es que no funcione, así jala el mundo actual. Como delegar responsabilidades, quién tiene que hacer que.
Yo no soy un profesional, pero te puedo decir que estar haciendo calculos para centrarlo es menos conveniente, usando flex o grid piensas menos y es más legible
@@NicolasLuengas No lo se, depende, si el transform con un porcentaje lo hace con respecto a el padre o a si mismo, eso lo podes probar ;), pero me parece una buena opción
Junior: pim pum papas, hecho Senior: está bien, pero hay una mejor manera de hacerlo ;) Estudiante de prepa: No está centrado!!! Solo pondré el navegador en pequeño y listo, se ve centrado.
porque si le das al div centras todos los div y quizá no todos los div los quieres centrar, y parent es una clase dentro del div, así que todos los div que tengan el class parent se centraran solo esos.
La primera no es correcta porque: 1. Es un hack 2. Lo estás posicionando a mano 3. Te complica mucho estilar posiciones a partir de ahí. 4. Es innecesariamente larga. 5. Tienes que estilar el hijo directamente (cuando lo mejor sería al revés).
Sería genial que solo pusieras Display: flex y centrar todo y ya, Pero no, antes tienes que definir el alto o ancho🥴, si no no se mueve el div ni cagand*😂
Peeeero, si el hijo a centrar es en realidad un seudoelemento talvez la forma incorrecta podria ser correcta, asi centrarias el seudoelemento modificado casi nada el padre. Que opinas?
Usando margin puedes centrarlo horizontalmente. margin-left: auto margin-right: auto Verticalmente hay otras opciones que podemos ver, tratando de evitar modificar position, pero no se te impide