КАК выровнять контент в отдельной ячейке в CSS Grid?

  Рет қаралды 3,293

Просто: разработка

Просто: разработка

Күн бұрын

Свойство justify-self служит для горизонтального выравнивая контента внутри отдельно взятой ячейки.
Свойство justify-self служит для вертикального выравнивая контента внутри отдельно взятой ячейки.
Если вам требуется выровнять контент внутри отдельно взятой ячейки одновременно по горизонтали и по вертикали, вы можете воспользоваться укороченной записью - place-self
=======================================
Содержание:
0:00 Вступление
0:33 justify-self
0:52 align-self
0:58 place-self

Пікірлер: 25
@prosto_razrabotka
@prosto_razrabotka 3 жыл бұрын
Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/
@user-sc3mq2yi2z
@user-sc3mq2yi2z Жыл бұрын
Спасибо большое! Вот так за минуту...
@konstantinkuksov914
@konstantinkuksov914 4 жыл бұрын
Спасибо за уроки!!!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Спасибо -)
@borymskyi
@borymskyi 4 жыл бұрын
продолжай 🔥
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Спасибо
@darwindominic3518
@darwindominic3518 4 жыл бұрын
А можно выпуск про функцию Calc ?
@chris.p-dev
@chris.p-dev 4 жыл бұрын
Спасибо за уроки! Полезная инфа. Подскажи пожалуйста что за микрофон используешь для записи?
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Благодарю. По разному. Иногда петличка SmartLav+ и рекордер Zoom H6, иногда Rode NT-USB (в этой серии он используется)
@chris.p-dev
@chris.p-dev 4 жыл бұрын
@@prosto_razrabotka Благодарю от души :) Успехов и много сил делать и далее годный контент!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Благодарю
@StarLiNe-ji5nf
@StarLiNe-ji5nf 4 жыл бұрын
Hi, dude! Your content it is very good information for WEB-developer!
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Thanks -)
@StarLiNe-ji5nf
@StarLiNe-ji5nf 4 жыл бұрын
@@prosto_razrabotka What is your work experience?
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
12+ years
@StarLiNe-ji5nf
@StarLiNe-ji5nf 4 жыл бұрын
@@prosto_razrabotka I'm a fan. Are you a full stack developer? Good luck. >:)
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Nope, frontend. And thank you -)
@jratva9546
@jratva9546 4 жыл бұрын
Здравствуйте, подскажите плз. Осваиваю верстку сейчас по совету товарища из этой сферы. Он говорит что на данный момент царь горы - float inline верстка, flex еще не полностью поддерживается. На caniuse я вижу что ситуация полностью обратная. Я понимаю что для старых проектов может понадобиться. Вопрос: в результате насколько сейчас стоит углубляться в float? Как сейчас верстают? Смешивают все технологии в одной верстке или мой товарищ прав?
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Не товарищ он вам с такими советами...
@jratva9546
@jratva9546 4 жыл бұрын
@@prosto_razrabotka спасибо, у Вас есть что то на канале по этой теме? Может пропустил. На hh даже в некоторых вакансиях вижу требования умение верстать флексами. Подскажите что является показателем, что технологию можно вовсю использовать? Caniuse?
@prosto_razrabotka
@prosto_razrabotka 4 жыл бұрын
Да, caniuse. А по флексам на канале есть отдельный плейлист. И сейчас уже полный по гридам (но сама технология сыровата, по-моему мнению, в части поддержки)
@jratva9546
@jratva9546 4 жыл бұрын
@@prosto_razrabotka, благодарю.
@darwindominic3518
@darwindominic3518 4 жыл бұрын
А можно выпуск про функцию Calc ?
Верстка звездатого рейтинга
8:36
Просто: разработка
Рет қаралды 14 М.
1 класс vs 11 класс  (игрушка)
00:30
БЕРТ
Рет қаралды 1,4 МЛН
Final increíble 😱
00:39
Juan De Dios Pantoja 2
Рет қаралды 37 МЛН
New Gadgets! Bycycle 4.0 🚲 #shorts
00:14
BongBee Family
Рет қаралды 13 МЛН
Do you have a friend like this? 🤣#shorts
00:12
dednahype
Рет қаралды 56 МЛН
The only 2 correct ways to center a div #css #frontenddeveloper
0:22
min-content, max-content, fit-content - intrinsic sizing with CSS
8:52
How To Make Toggle Button Using HTML & CSS
5:27
MakeTechStuff
Рет қаралды 64 М.
Flexbox or grid - How to decide?
18:51
Kevin Powell
Рет қаралды 698 М.
Приказ комиссара. Warhammer 40k
0:14
BROADAXE Shorts
Рет қаралды 35 МЛН
Выравнивание текста по центру без объединения ячеек в Excel
0:31
Визуализация данных с Excellent
Рет қаралды 4,9 М.
Смена цветовой темы сайта
5:05
Просто: разработка
Рет қаралды 13 М.
React JS c Нуля - Курс для начинающих БЕЗ ВОДЫ [2024]
3:42:01
Владилен Минин
Рет қаралды 236 М.
2.1 Git - Основы - Конфигурация
8:46
JavaScript.ru
Рет қаралды 146 М.
1 класс vs 11 класс  (игрушка)
00:30
БЕРТ
Рет қаралды 1,4 МЛН