Знакомимся с возможностями панели инструментов, структурой и взаимодействием с ней.
Что умеет секция? Как задать цвет колонке? Изучаем все возможности данных элементов!
Изучаем работу с виджетами базовой группы. Смотрим на возможности, которые они дают.
Изучаем работу с виджетами базовой группы. Смотрим на возможности, которые они дают.
В видео приведен пример реализации задания.
Необходимо сделать секцию с оптимальной высотой. В секции разместить информацию о компании Google. Желательно на заднем фоне использовать фото.
В секции параллельно друг другу расположить следующие элементы:
слева — название нового продукта компании (придумать), краткое его описание (2 строки) и кнопку «к продукту» (она ведет на стартовую страницу Google);
справа — видео о компании (найти на ютубе).
Секция — каталог.
Найти фото товара «Машина» (лучше png, чтобы не было фона у изображения).
В секции должно быть 3 колонки. В каждой колонке фото товара, ниже название машинки, ниже описание (2-3 слова, можно сделать «цвет-синий»), ниже цена (сделать на неё акцент дизайном), ниже кнопка «купить». Все три колонки должны быть с одинаковым стилем.
Между собой колонки должны быть разделены вертикальными полосками (сделайте это в разделе «Стиль» у средней колонки. Параметр «граница». Далее — сами 🙂 )
Фирменный цвет компании — #1F73FF (синий). Какие-то элементы нужно сделать им.
Если при наведении на колонку будет появляться тень — дополнительный балл за работу. Но тут нужно будет немного креатива. Хотя все понятно напрямую из слов.