Строки и столбцы в grid

Здравствуйте! Продолжаем разбираться с версткой на grid layout. Из прошлого урока вы узнали что такое Grid Layout. А сегодня мы с вами разберем свойства grid-template-columns и grid-template-rows. Grid Layout создает своеобразную сетку, состоящую из строк и столбцов, на пересечении оных есть ячейки. А вот как раз для установки строк и столбцов в грид применяются такие свойства CSS3:

grid-template-columns: управляет столбцами
grid-template-rows: управляет строками

Строки и столбцы в Grid Layout

		Это интересно 0	Как всё будет выглядеть в блоге: Строки и столбцы в grid Здравствуйте! Продолжаем разбираться с версткой на grid layout Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/14090881/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Строки и столбцы в grid </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! Продолжаем разбираться  с версткой на grid  layout </div> </div> Строки и столбцы в grid <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/14090881/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Строки и столбцы в grid</a> <div style="font-family:trebuchet MS;">Здравствуйте! Продолжаем разбираться с версткой на grid layout </div> </div>

webguru

11.09.2017

В избранное Пожаловаться Просмотров: 402

Комментарии ⁰

Полезные сервисы и программы для начинающих пользователей 7268

Важные темы:

Активные участники:

Последние откомментированные темы:

Строки и столбцы в grid

Комментарии временно отключены

Открытая группа
38977 участников