Структура верстки

Адаптивный шаблон для верстки

Эта страница является четким примером, как верстка должна выглядеть. Сейчас вы смотрите на шапку.

Блок левой колонки.

Проблема адаптивной верстки весьма легко решается. Для любых задач мы придумали гениально-простой фреймворк, состоящий из 26 строчек кода.

Достаточно любому плавающему или абсолютному блоку добавить класс fluid, и он станет элемент потока страницы.

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

Сюда можно воткнуть все что угодно. Например, резиновая картиночка:

Котик

Что бы картинка стала резиновой, мы ей добавляем класс fi

Блок правой колонки.

Проблема адаптивной верстки весьма легко решается. Для любых задач мы придумали гениально-простой фреймворк, состоящий из 26 строчек кода.

Достаточно любому плавающему или абсолютному блоку добавить класс fluid, и он станет элемент потока страницы.

Блок левой колонки цветной.

Просто добавляем класс модификатор, например как тут класс b__gray

Котик

Картиночка все еще резиновая.

Как жить на полную? Это заголовок первого уровня

Всем уже понятно, что успех не связан напрямую с количеством денег, наличием образцовой семьи и числом прибыльных проектов. Настоящий успех связан с тем, что ты собой представляешь. Успешный бизнесмен Дэн Вальшмидт, который однажды хотел покончить с собой, пересмотрел всю свою жизнь с точки зрения нового понимания успеха. И готов поделиться тем, как реализовать свои возможности и стать лучшей версией себя.

View Apart/Shutterstock

Прекратите твитить — начните читать. Увлекайтесь музыкой, спортом или заведите другое хобби. Расширяйте границы своих возможностей физическими упражнениями и активностью.

Живите на полную! Станьте лучшей версией себя!

По материалам книги «БУДЬ лучшей версией себя»