CSS Grid простыми словами, часть 3. Шаблоны и фракции

• Видео начинается с демонстрации разметки, где есть родительский контейнер и дочерние элементы.  

• Вкладки с стилями скрыты, так как основное внимание будет уделено работе со стилями.  

• В этом видео обсуждаются два свойства: grid-template-rows и grid-template-columns, которые позволяют настроить сетку расположения элементов.  

• Первое свойство определяет шаблон для колонок, второе - для рядов.  

• В примере показано, как задать размеры колонок и рядов, используя проценты или пиксели.  

• Также обсуждается использование свойства repeat, которое позволяет повторить элементы определенное количество раз.  

• В примере показано, как использовать repeat для создания колонок одинаковой ширины.  

• Обсуждается использование свойства fraction, которое позволяет делить экран на доли и гибко изменять размеры элементов в зависимости от размера экрана.  

• В этом разделе обсуждаются свойства margin и padding, которые используются для определения расстояний между элементами.  

• Если указать два значения через пробел, первое будет использоваться для вертикальных расстояний, второе - для горизонтальных.  

• Обсуждается использование свойства order, которое позволяет переставлять элементы в порядке, указанном в коде.  

• В примере показано, как использовать order для изменения порядка элементов.  

• В видео обсуждается, как задать размеры для дочерних элементов, чтобы они занимали несколько ячеек.  

• Рассматриваются свойства "грит калом" и "грит роуз", которые позволяют задать начало и конец надписи.  

• Обсуждается возможность использования свойства "грит тимплейт калас" для создания количества колонок и шаблона для них.  

• В видео объясняется, как использовать свойства "грит тимплейт калас" и "грит тимплейт роуз" для создания колонок и рядов.  

• Обсуждаются варианты использования этих свойств, включая возможность задать количество повторений и значения для повторения.  

• В видео обсуждаются варианты отступов и порядок элементов в контейнере.  

• Рассматривается свойство "фракция", которое позволяет задать долю свободного пространства, занимаемого элементом.  

• В следующих видео планируется продолжить изучение свойств и возможностей работы с грядами.