zooks

Почему бы не реализовать через нормальные чекбоксы?

Кому что удобнее, тем и пользуются. Я использую оба браузера.

Читай про CSS media-запросы. А вообще прежде чем браться за задание нужно уже кое-что уметь.

Пожаловаться - Ответ легко ищется поисковиком. Ну вы поняли.

Смею заметить, что больше нет такого браузера, как Opera.
Тестируйте на Chrome, Firefox и IE11 (и желательно Safari на iPad). Качество верстки - среднее. Что-то не в порядке с отступами. Вероятно, они не были обнулены перед версткой (normalize.css).

Что касается подхода пиксел-в-пиксел с макетом, это - ересь.

Тип MIME указывается на сервере. Обратитесь к хостеру или самостоятельно укажите правильный MIME для CSS в .htaccess.

Рекомендую генерировать карту map для css. Она покажет в браузере все переносы и отбивки и не увеличит размер самого файла.

Не совсем понятно, что тебе нужно.
Попробуй использовать CSS-свойства width выраженные в процентах и max-width в пикселях.

Вот, распечатай и повесь на стену. К сожалению нет HTML5 тегов, но это уже следующий шаг.
https://www.addedbytes.com/cheat-sheets/html-cheat...

jsfiddle.net
codepen.io
pastebin.com

Мне первые два нравятся.

Начинать можно, но на проектах, чья аудитория имеет обновленные браузеры.
Либо сделать дополнительно старую верстку через float и подключать, если Modernizr говорит, что Flexbox не поддерживается.

Надеюсь, вы понимаете, что верстка HTML и веб-программирование - разные вещи?
Я бы преподавал HTML всем, и вообще компьютерную грамоту: как работает интернет, что такое браузер, основы безопасности работы в сети и т.п.

Я бы сделал через margin. Если не кроссбраузерно, то flexbox.
css-tricks.com/snippets/css/a-guide-to-flexbox

Есть секретный плагин, активируется клавишами:
ctrl+c, ctrl+tab, ctrl+f, ctrl+v

Обратись к профессионалам, уже глаз замылился от твоих трибун.
Если ты веб-разработчик, то у меня для тебя плохие новости: лучше сменить профессию. Если менеджер или владелец, то тем более, месяцами ходить на Тостер выпрашивая по строчке кода, вместо того, чтобы оперативно решить проблему.

Реализуется через CSS media. Но желательно все-таки расположить красный блок слева.

В который раз вижу этот вопрос. Уже пропиши margin-top для блока или найми себе специалиста.

Сделать плавную смену блоков на jQuery при нажатии на кнопки.

Я использую три размера для CSS media:

$small: 0; //480px and below
$medium: 30em;
$large: 48em;

Можно еще добавить
$extralarge: 75em;