Мобильная версияЯ новичок, и мне очень хочется щелкнуть или удерживать курсор на каждой панели отдельно и открыть текст внутри: это код:
` ПроектIA1 PROIECT=IA1
Это текстовая панель 1. Вы можете заменить этот текст своим собственным содержимым.
Это текстовая панель 2. Вы можете заменить этот текст своим собственным содержимым.
Это текстовая панель 3. Вы можете заменить этот текст своим собственным содержимым.
Это текстовая панель 4. Вы можете заменить этот текст своим собственным содержимым.
` CSS: ` тело{ фоновое изображение: url("fundal.jpg"); фоновый повтор: без повтора; размер фона: обложка; высота: 100вх; переполнение: скрыто; } html { высота: 100%; раздел{ дисплей: гибкий; выровнять-элементы: по центру; оправдание-содержание: слева; минимальная высота: 98vh; отступ: 10 пикселей; } .коробка{ дисплей: встроенный; ширина: 80%; } .heading--текст{ дисплей: встроенный; Расстояние между буквами: 15 пикселей; высота: 595 пикселей; ширина: 37 пикселей; отступ: 15 пикселей; цвет фона: #000000; белый цвет; размер шрифта: 36 пикселей; font-family:"Copperplate"; ориентация текста: вертикальная; режим письма: вертикальный-lr; } .eu img{ ширина: 415 пикселей; высота: авто; позиция: абсолютная; верхние: 51%; осталось: 7%; трансформировать: трансли(-50%); } .main-контейнер { дисплей: гибкий; } .text-pad-section { дисплей: гибкий; flex-wrap: обертка; маржа сверху: 40 пикселей; } .text-pad1 { ширина: 70%; маржа справа: 20%; поле внизу: 20 пикселей; отступ: 115 пикселей; граница: 5 пикселей, сплошная #191970; радиус границы: 20 пикселей; размер коробки: граница-коробка; семейство шрифтов: Arial, без засечек; цвет фона: rgba(30, 144, 255, 0,4); положение: относительное; слева: 600 пикселей; внизу: 785 пикселей; } .text-pad2 { ширина: 70%; маржа справа: 20%; поле внизу: 20 пикселей; отступ: 115 пикселей; граница: 5 пикселей, сплошная #191970; радиус границы: 20 пикселей; размер коробки: граница-коробка; семейство шрифтов: Arial, без засечек; цвет фона: rgba(30, 144, 255, 0,4); положение: относительное; слева: 1120 пикселей; внизу: 1115 пикселей; } .text-pad3 { ширина: 70%; маржа справа: 20%; поле внизу: 20 пикселей; отступ: 115 пикселей; граница: 5 пикселей, сплошная #191970; радиус границы: 20 пикселей; размер коробки: граница-коробка; семейство шрифтов: Arial, без засечек; цвет фона: rgba(30, 144, 255, 0,4); положение: относительное; слева: 600 пикселей; внизу: 1110 пикселей;} .text-pad4 { ширина: 70%; маржа справа: 20%; поле внизу: 20 пикселей; отступ: 115 пикселей; граница: 5 пикселей, сплошная #191970; радиус границы: 20 пикселей; размер коробки: граница-коробка; семейство шрифтов: Arial, без засечек; цвет фона: rgba(30, 144, 255, 0,4); положение: относительное; слева: 1120 пикселей; внизу: 1437 пикселей; обратная видимость: скрыта; }
Мне нужна помощь с этим дерьмом, потому что я 2 дня ломал голову и не мог в этом разобраться.
