/ Адаптивность / 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

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

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

Блочная верстка сайта

Сайт должен верстаться по сетке блоками. При использовании сетки разметка сайта выглядит гармонично. Предлагаю свой простой вариант верстки блоков. Для добавления блоков, используйте тэги <div class="box"> <div class="block-1">Содержимое</div> — ширина Читать далее »

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

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

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

/
Первая последняя записи в ряду

Первая последняя записи в ряду

Добавляем классы для первых и последних записей в ряду. Вариант 1: Глобально, в файле функций Вставляем в файл functions.php. В данном примере разделение по 4 записи в ряду. add_filter('post_class', 'dobavit_pervii_klass'); Читать далее »

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

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

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