Алим Алибаев

.bottom-nav ul {
    float: left; //убери, он лишний там
}

Есть же много CSS Фреймворков, у всех сейчас есть адаптивность.
(Bootstrap, Zurb Foundation, Semantic UI, Ui Kit, Flat UI)

BS Zero, Wrap BS

Ноутбук не поможет, купил тоже, прошло 4 месяца, никакого изменения.

Иди бить палкой, того дизайнера.

@media Safari поддерживает, вот факт

Вопрос вообще не о чём, пиши на Блокноте.

Это Асинхронный вывод (т.н Real-time). Учите

Согласен с Sanes, смотри видео от Sorax, но он не учит полностью верстку, а основу CSS. Получи основы, дальше берись за свободный макет, пробуй верстать, вылазит много непонятных нюансов, но этому есть решение! Зайди сюда (ну, на Тостер), и поищи в теге css, если не найдёшь, то задавай вопросы здесь.

Глянь сюда

Верстайте flex'ами, кроссбраузерность нормальная.

А как же list-item-image?

background-size: 100%;

Если всё таки хотите скринкасты, то вот ---> 0% воды Art Sorax

Смотри на иерархию разметки, а лучше иди учи css.

body {
    position: relative;
}
.menu {
    position: absolute;
    top: 0;
    left: 0;
}

Костыль

Google Fonts

Bootsnipp.com введите в поиск Carousel

@import пишется в .css файл, если всё таки не работает, вставьте через<link>

Поэтому нужно учить основу, а не браться за готовое решение.