Колонка 1 Название
Это содержимое первой колонки. На больших экранах (десктоп/планшет) он будет иметь ширину 48%. На меньших экранах (мобильных), CSS выше заставляет его занимать полную ширину 100% и укладываться сверху.
Добавьте сюда свой текст, изображения и другие HTML-файлы. Получить бесплатную цитату
Колонка 2 Название
Это содержимое для второй колонки. Она соответствует тем же правилам отзывчивости, что и первая колонка.
- Пункт первый
- Пункт второй
- Пункт третий
Колонка 1 Название
Это содержимое первой колонки. На рабочем столе он занимает около трети пространства.
На мобильных устройствах эта колонка будет занимать всю ширину экрана и красиво располагаться над остальными.
Колонка 2 Название
Это содержимое средней колонки. Мы используем маргинал для этой колонки, чтобы создать горизонтальный зазор между всеми тремя колонками на рабочем столе.
- Пункт A
- Пункт B
- Пункт C
Колонка 3 Название
Это содержимое для третьей колонки. На настольных компьютерах она находится в крайнем правом углу, а на мобильных - в самом низу.
При трехколоночном макете содержание должно быть лаконичным.