Cómo Centrar tus Elementos HTML Fácilmente

Подписаться 194 тыс.

Просмотров 209 тыс.

50% 1

Cuando empecé con HTML y CSS, siempre tuve problemas posicionando mis elementos. Pero es mucho mas fácil de lo que creen. Con la ayuda de flexbox, no solamente pueden centrar sus elementos sino que también van a poder posicionarlos como ustedes quieran con muy poco esfuerzo!
-----------------------------------------------------------------------------------------------------------
Unite al server de DISCORD:
/ discord
-----------------------------------------------------------------------------------------------------------
Seguime en las redes!
GitHub: github.com/choidavid4
TikTok: www.tiktok.com/@deivchoi?lang=es
Instagram: / deivchoi
-----------------------------------------------------------------------------------------------------------
Otros videos que te pueden interesar:
Programación básica desde cero:
• Tutorial de Programaci...
6 Meses de Programación. Lo que aprendí:
• 6 MESES de Programació...
Tutorial completo de HTML y CSS:
• Curso Básico de HTML5 ...
Cómo es Estudiar Ingeniería Informática en Argentina:
• Como es Estudiar Ingen...

Опубликовано:

9 окт 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 128

@johnachury9960 2 года назад

apenas estoy comenzando en este mundo de programación, genial la forma que tu lo explicas, puesto que es claro y la importancia que es para las personas nuevas en este tema que lo expliques prácticamente con manzanitas.

@jongmul1965 Год назад

Hola! Tengo un parcial de informatica 1 y la verdad que estaba super desorientado; tu video fue una salvación!!!!!!!! Excelentemente explicado todo y muy didáctico. Me salvaste la vida!!!! Muchisimas gracias por tu tiempo y nuevo suscriptor por supuesto!

@jun-tron1357 Год назад

Me encanta en la forma en como lo explicaste, facil de entender y de forma directa, con varios ejemplos también. 👌

@kaamosVendetta Год назад

Justo el tipo de video explicativo y sencillo que estaba buscando. Gracias!!!

@valynore2484 Год назад

la verdad guacho, sos la primer campanita que uso en youtube... sos un crack loco

@brunoharari6454 2 года назад

Un capo david! no sabia que se cambiaban los ejes en el flex-direction. muy buen video!

Год назад

Justo lo que buscaba, en el momento preciso. Gracias por ese excelente aporte

@yohjanmonroy2713 2 года назад

Muy buen video Deivchoi gracias por tus aportes...Saludos desde Colombia

@paolawar7958 Год назад

amooo tus videos, en verdad no sabía nada de nada y hasta amor le tengo a la programación (por que antes me frustraba en mis clases, al profe no le entiendo), he aprendido mucho, muchas graciaaaaas... lo haces tan fácil que ya te aprecio mucho, gracias por compartirnos tus conocimientos :) =)

@jeremiasenrique5544 Год назад

al fiiin lo pude entender como funciona . gracias muñeco segui asi estoy en un curso que no expican mui bien o lo explican mui por arriba sin ejemplos solo escriben codigo y no logro comprender bien que esta haciendo sos un crack gracias nuevamente😃😃😃😃

@VictorCampoblanco 2 года назад

Eres un crack explicando. Nuevo suscriptor. Sigue así ✌.

@jhoanavicentemorales4353 Год назад

Me encantan tus videos...te entiendo super bien!!! sigue subiendo mas contenido. Gracias .

@m4nu3l83 Год назад

Eres un crack, gracias por estos maravillosos vídeos me ayudaron en mis proyectos

@pablocaballero9704 Год назад

Hace relativamente poco comencé a estudiar programación, y tus videos me están siendo de mucha ayuda, ¡muchas gracias crack!

@geronimollanos93 Год назад

Cómo vas

@odnoco Год назад

Me estoy echando mi proyecto final de páginas web y ya me vi varios de tus videos. me caes bien. gracias. te quiero mucho. ya me suscribí.

@loor9925 2 года назад

Esto me ha ocasionado muchos problemas asi que gracias hermano 😊

@mandro16 Год назад

Buenisimo el video me salvaste para aprender bien a ubicar, sencillo y directo, muchas gracias

@ignaciokang7104 2 года назад

Muy claro todo y buenos ejemplos!

@pepocero Год назад

Eso de flex-direction es genial! Muchas gracias!!

@foca5693 Год назад

que grande muchas cosas no comprendía bien , y lo explicaste perfecto

@carolinaosan2459 10 месяцев назад

ese sonido del mic es cuando está llegando un mje... a mi me pasaba con los de wp... Yendo al video, muy buenos tus contenidos, me ayuda muchisimo! gracias, muy simple y concreto

@melinasanchez4587 4 месяца назад

Me fui a backend porque nunca aprendi a centrar un div

@gustavozurita2163 Год назад

Literalmente, flexbox explicado a la perfección en menos de 6 minutos.

@alsoproducertv9331 Год назад

Yo estoy empezando hace 2 meses, gracias por todo... Este mundo es emocionante, en un año quiero empezar mi ruta profesional.

@enzoa7204 Год назад

Excelente video, muy bien explicado!.

@debajodelagua1 Год назад

Tremendo este vídeo!!! Gracias David!!!!!

@arielgustavoesquivel 9 месяцев назад

Genial👍 gracias por explicar haciendo

@alanrosasgarcia1704 2 года назад

parce tengo 5 clases con diferentes personas y tu simplificaste todo, Exito

@juanfranciscohernandezrevi7687 2 года назад

Me gustan tus videos, eres le único RU-vidr que entiendo y que admiro muchas gracias enserio por ser de gran ayuda

@deivchoi 2 года назад

Gracias a vos Juan. Estos son los comentarios que me dan fuerzas para seguir adelante

@juanfranciscohernandezrevi7687 2 года назад

@@deivchoi No te rindas, crees que en ti próximo video me puedas enviar un saludo?. Sigue así enserio que siempre veré todos tu vides eres de gran ayuda en lo que estoy empezando a hacer 🥺

@deivchoi 2 года назад

@@juanfranciscohernandezrevi7687 ya grabe mi siguiente video pero te saludo aca: Hola

@verdugobarajasjosealonsout4357 8 месяцев назад

gracias rey me ayudaste mucho

@kelvinsiqueira 10 месяцев назад

Es todo lo que precisaba este video!

@rt_phyton1788 7 месяцев назад

buen video me ayudaste mucho

@LeitoVader Год назад

Excelente, amigo! So crá, vo'! Lo del mic es el celu que lo tenés cerca y te está entrando señal por ahí (correlo y listo). Abrazo!

@fernandopastor8946 2 года назад

Hola David! Lo del mic debe ser que toma la señal cuando te llega un wp o algo así (si tenés el cel cerca del mic puede pasar)

@pavo_1042 2 года назад

Muy bueno y efectivo el tutorial. podrías hacer otro vídeo para centrar el div en vez de su contenido?

@angelnum18 Год назад

Woaaah excelente video amigo

@pablodelgado744 Год назад

Literalmente hoy empecé a aprender HTML y solo estuve usando bootstrap para el estilo. Tus videos me vienen de diez :D

@G-Gutty Год назад

Te recomiendo que empieces con HTML en los tutoriales de HTML YA(Solo hasta el jercicio 46) y los tutoriales de W3 School y una vez sepas manejarte muy bien en HTML básico sigue con los tutoriales de CSS de W3 School

@raulhernandez2811 2 года назад

El mejor le entendí todo y hace que se me haga muy fácil

@replasticesno2875 2 года назад

Deberias tener cursos en alguna plataforma explicas muy bien

@tommy0410 Год назад

Dude you are the best. It is safe and 100% works

@luigi2606 Год назад

Sos lo máximo!!!!

@enzopaul7741 Год назад

Que bien explicas choi !!

@sergiodiaz9755 Год назад

Claro y al punto. Muy bien.

@samuelramirez5489 Год назад

Nice. Thanks a lot actually. It worked, you explained it well.

@Zipacyuhualle Год назад

Capo 🔥

@EveryRockandRoll 5 месяцев назад

crack total loco!

@benjivelnias1294 Год назад

Te amoooooooo kbron te amoooooo horas buscando y pensado la respuesta que estaba aqui en tu canal😭😭😭😭😭😭😭

@gabrielacastro3828 Год назад

gracias!!! eres genial!!

@moisesherrera1658 Год назад

Me gusta cuando dice tugui tugui listo centrado jajajaj buenas esa jajaj saludos al canal

@maurocesar6892 2 года назад

Excelente!!

@andus667 2 года назад

Nuevo suscriptor. Tengo una consulta, siempre para centrarlos debes ponerlos dentro de un contenedor?

@cdicho Год назад

Gracias paaaaaaaaaa , sos un pro, explicas bien

@hudplaynew5231 Год назад

MUY BUENO EL TUTORIAL

@gutierrezespinozakevin 2 месяца назад

Me salvaste mucho tiempo

@dragondream659 Год назад

sos el mejor

@TomasTube534 Год назад

gracias chinito me ayudaste una banda

@ChokoDemon 7 месяцев назад

Holiiiiiii, gracias por tus vídeos, son increíbles.... Tu mic suena así porque hay una frecuencia celular buscando un celular cerca de ti. Eso nos pasaba a los niños de los 90 cuando llegaban llamadas o SMS a nuestros arcaicos celulares GSM m seguro no habías nacido 😅

@fgughy 10 месяцев назад

muy bueno ...simple cortito al pie

@evilcom Год назад

Pana excelente

@Pablo-vs4gr Год назад

Aprendi en 6 minutos mucho mas que con mis profesores en un semestre, nuevo sub 👍

@prohibited1125 Год назад

bue tampoco exageres

@joseantonioamayapostigo2542 Год назад

ok perfecto y simple.

@nestorgabrielariassemeria8346 Год назад

muy buena explicacion

@Bume71 2 года назад

Mil gracias!😃😃😃😃😃😃😃😃😃😃

@cientifica9150 Год назад

gracias y como se hace para mover elementos libremente por la pantalla?

@alexlp850 2 года назад

tuki 🐸 alta refe a josedeodo, grande

@valuee-d3736 Год назад

Abajo del nav quiero poner especie una imagen por ejemplo de 500px y al lado derecho un h2 y abajo de ese h2 un parrafo no se como hacerlo bien

@brayamjoselinarezoberto7426 Год назад

i love, tenia rato trantando de entender este tema y nada, llegaste tu y lo resolviste. Nos casamos?

@eljons1137 Год назад

No se que tan malas prácticas hacia si para centrar los elementos utilizaba paddings jajaja Y en cuanto al uso de flexbox, siempre me ha llamado la atención, pero es que ya me acomode bastante utilizando el Grid System Bootstrap xd Aunque veo que es importante saber utilizar ambos.

@jocsm.v7701 Год назад

Desarrollo backend: esta información vale millones

@prettylies.123 Год назад

GRACIASSSSS

@user-ld2pq9br3v 6 месяцев назад

Hola, ¿podrías explicar cómo se podrían cambiar las opciones de un Menú al seleccionar una de sus opciones, para ajustarlo a las opciones de la nueva página?

@walter_escalera 2 года назад

Crack

@surikatorotmg2556 Год назад

Brooo que programas usar para dobujar en la pantalla?

@Anthux 2 месяца назад

que capo

@jazo2212 10 месяцев назад

Hola, como ordeno varios labels en un cuadrado? quiero ordenar 20 labels en un marco o cuadrado

@FlipazoneFilms Год назад

1:05, puede que el micro haga interfenecia con el movil, al llegarte alguna notificiacion al telefono, el microfono hace ese ruido raro, puede ser el telefono u otro dispositivo, o el mismo pc

@efieugenia Год назад

Cuando sea grande quiero ser como vos

@gerardomontoya2698 Год назад

Las radiaciones electromagnéticas (señales de radio, etc), son detectadas por tus audífonos, micro, etc...(prueba haciendo una llamada con tu celular y acércalo a una bocina que esté encendida sin música )

@aniquilador52 Год назад

Gracias bro!, si pudiera te besaria (no homo), estuve batallando toda la noche, hasta que decidi recurrir a youtube y con tu video salio al instante, gracias!

@Jesus280288 8 дней назад

como haces para que te salga la lista de atributos a medida que vas escribiendo?

@DekamodVBS Год назад

Para que sirve el "Display: Flex;"?

@Cmoraoficial Год назад

Me convenciste con el "TUKI TUKI" Suscribido!!!!

@sebas-sdlg3767 7 месяцев назад

hey buen tutorial enserio, me sirvió, nada que ver pero deberías verte en el minuto 0:00 (en pausa)

@Henry_Nunez 2 года назад

👍

@artemiobenitez9359 2 года назад

ese lenguaje de programacion es de css????

@FAXIR 28 дней назад

El micrófono hace eso cuando tienes tu móvil cerca... sepáralo un poco para evitar que la señal de tu smartphone haga interferencia sobre el micrófono.

@elinn6483 Месяц назад

Mi gente solo usen

@jorg3dani3l95 Год назад

Tengo un cronómetro pero yo lo quiero centrar, el único problema es que al minimizar la página, el contador se va alejando de mi espacio asignado y al maximizar a la posición correcta, se va poniendo dónde lo puse, como le hago para que no se mueva o se vaya moviendo junto con el espacio que asigne?

@beticohernandez9536 Год назад

Hola, en una tabla tengo un campo descripción, pero es muy larga me gustaría que me hiciera automáticamente un salto de línea para que se acomode a la tabla, ¿Come se haría? Gracias.

@ragzno Год назад

talves con ?

@cesarbatz537 Год назад

Quisiera saber como poner datos sobre una imagen o ya lo hizo o yo no lo he visto :v

@juancruzgomez1010 11 месяцев назад

Quiero centrar un div pero con respecto al body ... body { justify-content:center; align-items: center; } logro que el div se centre pero solo horizontalmente ...

@deivchoi 11 месяцев назад

Agregale height : 100vh y display: flex

@fernandopastor8946 2 года назад

Suele suceder cuando tenés un amplificador de guitarra(o el inst que sea) encendido por ejemplo, y si tenés el cel cerca hace ese ruido exactamente

@deivchoi 2 года назад

Ya directamente lo pongo en modo avion al celu para grabar jajajajja

@estebanbarrios4401 Год назад

all workеd

@arkmax2709 Год назад

hola y si quiero que la caja ocupe toda la pagina cual es la medida de esa caja?

@deivchoi Год назад

hola. width: 100vw y height: 100vh

@ArturoHDZG Год назад

Yo quería saber cómo centrar el propio contenedor, no los elementos dentro del contenedor :( De todas formas muy buen video.

@deivchoi Год назад

Hola Arturo! Para centrar un contenedor le das un width: 500px (o el valor que quieras) display: block; y margin: auto;

@Medwar_1992_ 3 месяца назад

Chino, si vos aprendiste a hablar asi de bien el Español... yo me tengo que saber esto de taquito!

@hectorab4026 10 месяцев назад

a mi me parece que grid es mejor distribuidor de elementos aun que cada uno tienes sus ventajas y desventajas depende lo que se quiera lograr con ellos.

@G-Gutty Год назад

Alguien sabe cual es la herramienta que usa para pintar en la pantalla?

@deivchoi Год назад

Se llama epic pen

@G-Gutty Год назад

@@deivchoi Gracias :D

@shadwwmike Год назад

Hola buenas, re genial el video, me ayudo un montón! Una duda, como haces para utilizar " ! " en el VScode para que te genere el template, a mi no me da ninguna referencia al escribir " ! " Muchas Gracias

@cientifica9150 Год назад

que raro, le das al ! y presionas enter de inmediato?