/ Адаптивность / Responsive block's

Responsive block’s

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

Данное тестирование лучше всего проводить с помощью инструмента Chrome Инструменты разработчика / Мобильный режим / Без указания конкретного устройства (Responsive)

1 block
1 block
1 block
2 block
3 block
1 block
2 block
3 block
3 block
1 block
1 block

Поделиться в соц. сетях:

  • Похожие записи
  • Комментарии
  • Вложения
Верстка типовых блоков

Верстка типовых блоков

Находим оптимальные решения верстки типовых блоков, т.е. конструкций которыми на различных сайтах приходиться пользоваться часто. Изображение текст Очень часто используется связка «изображение + текст»: списки статей, перечисление преимуществ, опции, достопримечательности Читать далее »

FlexBlock. Современная верстка

FlexBlock. Современная верстка

Верстка сайтов постоянно эволюционирует: от табличной верстки к верстке div с float (frame), далее промежуточный этап верстка diplay:inline-block. Так или иначе суть верстки — модульная сетка. Современный CSS дает нам Читать далее »

/
Фоновые линии

Фоновые линии

Добавим линии в верстку сайта. Это разбавит однородный фон, а также придаст стройности разным блокам контента. 6 секторов Разделение фона линиями на 6 секторов. 12 секторов Тот же самый принцип, Читать далее »

/

Добавить комментарий

Пока нет комментариев. Будь первым!

Responsive block’s
Пользовательский метод доставки
Рекомендации для васПользовательский метод доставкиOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.