Вопрос по верстке (блоки)

Здесь почитайте.

Да вроде бы все ясно, а как быть при адаптивной верстке?

Использовать @media и менять положение - размер блоков, выстраивать их по вертикали, как вариант.

Я реализовал колонки так:

@media all and ( min-width: 768px ) {

	.left_part {

		float: left;

		width: 25.333%;

		background:#993333

	}

	.right_part {

		float: left;

		width: 31.333%;

		background:#993333

	}

	.center_part {

		float: left;

		width: 43.333%;

		background:#003399;

		padding:50px;

	}

}

Посдкажите пожалуйста как реализовать перенос блока вниз при определенном разширении?

Пока только придумал такой способ:

@media (max-width: 750px) {

.right_part { clear:left}

}

но мне кажется что это неправильно..

---------- Добавлено 30.10.2016 в 17:14 ----------

Или как задать новые размеры блоков при определенной ширине экрана, например при ширине 400 пикселей нужно:

ЛЕвый блок - 40%

Центральный - 60%

Правый опустить вниз

Как такое задать?

Через медиа и float: none; для блоков.

используй max-width: 400px;

Добрый день, советую использовать bootstrap grid, где эту проблемку можно решить с помощью солонок к примеру col-md-2 (1-ый блок), col-md-8 (2-ый блок) и col-md-2 (3-ый блок). Примерно так же можно разбить и для мобильных устройств, только для xs все таки оставить все по 12.

с помощь етой же сетки можно регулировать видимость при resize.