Explaining CSS Grid (in practice!) | with Mayk Brito
ฝัง
- เผยแพร่เมื่อ 23 ส.ค. 2023
- In the world of web development, visual elements are extremely important. If you're taking your first steps in this world, understanding the possibilities of styling and layout is essential to achieving success as a developer.
In this live class, we will simplify the process of building layouts using CSS Grid and explore some of the varieties of page structures using this strategy.
So, are you ready to code? - บันเทิง
No aniversário da Rocketseat, quem ganha uma OFERTA EXCLUSIVA é você!
Descubra mais: rseat.in/ENt90Atzj
Que aulão, só não aproveita quem não quer!!!
Que aula, a explicação faz parecer fácil, parabéns aula nota 1000.
didática excelente!
Mayk que didática fantástica, parabéns excelente conteúdo.
CSS Grid é um negócio simplesmente fantástico (sim, 🤯 explodiu minha cabeça quando conheci), vc cria áreas e organiza da forma que quiser, podendo mudar de acordo com o dispositivo, e isso sem alterar a marcação, é lindo demais. Minha propriedade favorita é o shorhand grid-template, gosto muito de criar o grid com ele porque fica bem mais fácil, vc consegue dar nome as areas e organizar em strings como se fosse o próprio grid, e pra posicionar basta usar o nome da area que vc criou nos filhos com grid-area
conteúdo simplesmente sensacional cara e totalmente de graça, é um prazer imenso poder desfrutar da didática do Mayk cara, impecável, cabeça explodindo aqui!
Cara o Mayk é fantástico na sua didática!
Estava penando pra entender CSS Grid... vc é insano, Mayk !!
É muito bom aprender com quem sabe e tem prazer em ensinar ! Que aula ! 🤯
Cara, vc é D+!!!
Imensamente grata pelo vídeo.
cara você é o melhor, sério aaaaaaa
Maykão salvando.... didática fantástica.
Se eu pudesse dar mil likes eu daria, entender grid e também flex eram o que eu mais estava tendo dificuldade no CSS e agora eu tô entendendo bem melhor.
Caramba Grid CSS destravado agora, super valeu!!!!
olá, excelente aula, parabéns Mayk! Nessa parte de desenvolvedor (DEVTOOLS) na hora de mostrar as linhas e coluna do Grid, em vez de só colocar o mouse em cima do container, no caso o body, tem um botão ao lado com o nome grid, é só clicar que as linhas ficam ficam visíveis e você pode manusear o mouse sem que elas sumam.
Explicação ótima 😊
muito boa aula de grid.
sensacional que se fala
Incrivel!!
Tops man !!!
Aula top demais
Que bom que curtiu, Candido 💜
Para trabalhar com responsividade, fica mais facil utilizar grid template areas, ajuda muito mais identificar o que esta fazendo no código e aonde vc esta manipulando.
Show!!
✌
mark, você é pika!
eu consegui fazer um trabalho de portifólio, graças a seu video.
Uhhulll!! Parabéns pela dedicação
Fala Mayk, blz? Como eu faço para criar um layout com texto e imagens e por exemplo pegar um imagem em 1 e meia linha ou coluna tipo desalinhando com outros elementos?
Que didática sensacional! Muito obrigado!
Show
✌
Bom🤯🤯🤯🤯🤯
🤯🤯🤯🤯🤯
🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯
qual o nome desse editor de código?
explodiu aquikkk
Maikao, que aula top, mas fiquei interessado nesta ferramenta que voce incluiu o Miro, o Front-end Editor, etc, qual o nome desta ferramenta/aplicaitivo.
É o navegador Arc
🔥🚀👨🚀
Bora pra cima! 🚀
Mas como que o computador vai saber quem é o 1 2 3 e o 4??
Maykão, o Tailwind CSS usa o Grid ou o Flexbox ?
Valeu!
Os dois
Fala, Mayk. Qual o nome desse compilador de código?
fronteditor.dev
prefiro alternar entre display flex e block
a aula esta travando
Oi
Oi ☺
eu acho que Grid é grade, nao grelha. rs
é isso mesmo!! na hora eu pensei na grelha de churrasco e fiquei preso nela hahaha 😍