Тёмный
No video :(

Flex CSS: Alinear, centrar y reordenar elementos 

ManzDev
Подписаться 19 тыс.
Просмотров 6 тыс.
50% 1

En este video vamos a aprender las diferentes formas de alinear elementos utilizando Flex CSS (Flexbox). Centrar elementos con Flex CSS, alinear en horizontal (a la izquierda, derecha), vertical (arriba o abajo) o incluso reordenar los elementos dentro de la estructura Flex.
¡Te lo explico!
TIMELINE:
00:00 Justificar contenido (justify-content)
01:55 Alinear items (align-items)
02:13 Alinear contenido multilínea (align-content + flex-wrap)
03:29 Huecos (row-gap, column-gap, gap)
04:11 Ordenando ítems (order)
06:38 Pregunta: ¿Márgenes o gap?
07:01 Alineaciones específicas
07:54 Pregunta: Simular drag and drop
08:15 Pregunta: Reordenar
08:46 Pregunta: Astro / Secreto
09:14 Cierre
LINKS:
👀 Flex (Alinear elementos): lenguajecss.com/css/maquetaci...
¡No te olvides de seguirme! ⚡ manz.dev
---
📹 Twitch: / manzdev
📼 RU-vid: / manzdev
🐤 Twitter: / manz
📷 Instagram: / manz.dev
✈️ Telegram: t.me/ManzDev

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

 

12 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 22   
@guerrero75mortal85
@guerrero75mortal85 2 месяца назад
gracias man, me habia olvidado como utilizar correctamente flex con todos sus atributos, :)
@yvonsn
@yvonsn Месяц назад
Se te entiende perfectamente, muchas gracias.
@ManzDev
@ManzDev Месяц назад
¡Gracias a ti por el comentario!
@otaxhu
@otaxhu Год назад
el dross dev no existe no puede hacerte daño el dross dev: Haces gran contenido, muy buena la explicacion del flex
@ManzDev
@ManzDev Год назад
El contenido más perturbador... 🎃
@maximilianosalumlopez7399
@maximilianosalumlopez7399 Год назад
Bueno el man
@user-kx1pm8zy8c
@user-kx1pm8zy8c Год назад
Eres gran maestro, gracias por enseñarme tanto, Buenas noches, desde Cuba
@ManzDev
@ManzDev Год назад
¡Muchísimas gracias, Cristian!
@VireApps
@VireApps Год назад
Me acabo de topar con tu canal y me vas a ayudar mucho a aprender, me gusta tu forma de explicar las cosas y como tienes organizada tu web, saludos y éxitos!!
@ManzDev
@ManzDev Год назад
¡Muchísimas gracias, Alvaro! ¡Un abrazo!
@loliguerrero
@loliguerrero Год назад
Hola! Me has ayudado mucho con tu vídeo. Por fin he podido centrar un menú de navegación. Muchas gracias💜
@ManzDev
@ManzDev Год назад
¡Hola Loli! ¡Me alegro mucho, cada vez somos más en el #teamcss !
@sacrabma9274
@sacrabma9274 Год назад
Me gusto tu forma de explicar =D Gracias
@ManzDev
@ManzDev Год назад
¡Muchísimas gracias, Sacrabma! 🚀🚀🚀
@user-qs2rb7xy9c
@user-qs2rb7xy9c 10 месяцев назад
Muy buena explicacón!
@ManzDev
@ManzDev 9 месяцев назад
Gracias!
@Kivitoskiify
@Kivitoskiify Год назад
Primeroo! exelente explicacion Manz :D este codigo lo subiras en algun lugar para tenerlo de ejemplo para cuando se me olvide XD
@ManzDev
@ManzDev Год назад
Hola Aries, Mejor aún, tienes todo aquí con ejemplos: lenguajecss.com/css/maquetacion-y-colocacion/flex-alinear/ ¡Saludos!
@sek84kes
@sek84kes Год назад
A partir de hoy te nombro mi profesor titular de Lenguaje de marcas. Gracias.
@ManzDev
@ManzDev Год назад
Intentaré ser digno de tal
@danielandresgallogarcia9692
ManzDev buen video pregunta como haces o que extensi'on es en vscode cuando haces ...item*25 para que se pinten otros elementos rapidamente html en el codigo como lo hiciste en el video quisiera saber eso gracias
@ManzDev
@ManzDev Год назад
Hola Daniel, Se trata de Emmet ( emmet.io/ ) en Visual Studio Code viene integrado por defecto, por lo que no tienes que instalar nada, sólo tienes que tener el fichero guardado con extensión `.html`. ¡Saludos!
Далее
Grid CSS: Introducción y conceptos desde cero
17:49
Просмотров 11 тыс.
Grid CSS: Centrar, distribuir y alinear elementos
14:45
«K operatsiyasi» davom etadi: Kiyevning rejasi ma'lum
05:07
ДЖЕФ ВСЕМ ПОМОЖЕТ🤓
10:33
Просмотров 789 тыс.
Grid CSS: Grids por área
10:20
Просмотров 4,4 тыс.
Animaciones Web HERMOSAS con VIEW TRANSITION
5:48
Просмотров 13 тыс.
Flex CSS: ¡Aprendiendo las bases!
9:42
Просмотров 10 тыс.
Tutorial para aprender Animaciones CSS
20:26
Просмотров 18 тыс.
SÓLO 3 LÍNEAS: CSS Grid responsive sin media queries
10:04
El CSS moderno es ¡ABSOLUTAMENTE INCREÍBLE! 🤩
6:12
¡Aprende a utilizar TRANSICIONES CSS!
10:05
Просмотров 6 тыс.
Aprende CSS Grid MUY FÁCIL con ejercicios
1:36:24
Просмотров 116 тыс.
CSS Grid vs Flexbox - Cuando usar uno u otro.
22:09
Просмотров 348 тыс.