|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
22.09.2021, 13:57 | #1 |
Форумчанин
Регистрация: 12.02.2010
Сообщений: 787
|
Как правильно сверстать GRID
Я искал решение на Flex и Grid, мне было интересно, как сделать 3 независимых столбца на flexe и вставлять в каждый контент разной высоты, нашел вот это:
Безымянный11.jpg На рисунке выше все смотрится хорошо, но если мы начнем изменять ширину браузера (я хочу адаптивный дизайн, чтобы в телефоне таблица становилась с одной ячейкой), появляется прокрутка по ширине и контент все равно остается по ширине на нескольких столбцах. На графики не смотрите, ширину и перерисовку просто не добавил. Безымянный22.jpg Что я делаю сейчас: Код:
Код:
|
27.09.2021, 20:18 | #2 |
Форумчанин
Регистрация: 20.12.2016
Сообщений: 270
|
@media(max-width:тут пишем нужное значение + px){
.мой_класс{ сместись сюда; } .мой_класс_2{ А ты сюда; } } Это самый что ни на есть хороший способ сделать сайт адаптивным
формошлеп.рф
witech.su |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
как сверстать эти элементы? (flexbox) | Krasi | HTML и CSS | 3 | 14.06.2021 13:19 |
Как сверстать input панель для iPhone? | alexelev | HTML и CSS | 1 | 22.04.2014 19:20 |
Как сверстать border-radius в IE? | zayabelka | HTML и CSS | 2 | 24.07.2012 09:06 |
Как сверстать такой блок | Manonia | HTML и CSS | 10 | 19.02.2010 12:57 |
как создать grid? | romets | Win Api | 12 | 24.01.2008 22:36 |