Всем привет!

Строю сайт su2.su Хочу сделать дизайн адаптивным. Главный блок имеет класс "content", нужно чтобы при уменьшении разрешения монитора клиента этот блок уменьшался с 578 до 300 пикселей, а так же менялся фон. Для этого прописываю такой стиль:

@media (max-width: 720px) {
body {
	font-size: 18px;
	background: #e8eaee;
h1 {
	color: #434040;
	font-size: 18px;
}
.content {
	text-align: center;
	width: 300px;
    margin: 0 auto;
}
}

Фон меняется, а вот размер блока нет. Где я тут накосячил?

У тебя в стилях НЕ закрыт body и не правильно написан media запрос...

@media screen and (max-width: 768px) {
    body {
	font-size: 18px;
	background: #e8eaee;
    }

    h1 {
	color: #434040;
	font-size: 18px;
    }
    
    .content {
	text-align: center;
	width: 300px;
        margin: 0 auto;
    }

}

Попробуй так.

walerus, спасибо! Теперь всё заработало.

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