Роман

Дополню ответ Максим . Дело не просто в самих фреймворках, а в использовании правила @media. Поэтому и нет лишних стилей, так как они перераспределяются для определенных разрешений (т.е. мобильных/планшетов).

а самому подумать, не? задача элементарная

а еще есть pointer-events:none

Думаю не будет лишним
3. https://github.com/CSSLint/csslint/wiki

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

Посмотрите на высоту блока, а теперь посмотрите на высоту изображения

Мы все в матрице и видим вашу страницу по коду

Во-первых, не используйте id. Матчасть читали? Наверно нет, т.к. айдишни уникальный и нельзя его задавать больше чем для 1 элемента.
Для выравнивания по центру текста используйте text-align: center;

попробуйте сверстать то же, но без флоатов :)
а так вроде бы правильной дорогой идете.

Попробуйте использовать after с background-ом и свойство transform: skew
ну а родителю оверфлоу задайте

Я бы для начала рекомендовал сверстать простой шаблон, фиксированный, с использованием чистого ЦСС. Повторить два-три раза, но уже с более сложными шаблонами. После этого делать резину/адаптив. И только после того как ручки поймут что, да как, использовать препроцессоры.
Я обычно ползуюсь валидатором в конце, но для начала прогоняйте свой код и проверяйте каждые н-минут/часов.
Вот так не делайте, нельзя заворачивать элемент списка в ссылку:

<ul class="main-menu">
					<a href="#"><li>MEN</li></a>
</ul>

Ровно как писать капсом слова - не слишком эффективно (вдруг гипотетичный контент менеджер не умеет зажимать Капс или шифт), здесь лучше через цсс задать капс словам.

Как мотивировать себя что -то делать. Да никак - оставайся в жопе.

Артемий Лебедев.

попробуйте вместо дисплея, уменьшить высоту элемента до 0. Конечно это уже будет slide-down/up эффект.

никак
или правильно юзайте цсс, или создайте класс "ховер" со свойствами псевдокласса, который вы сможете присвоить элементу и потом удалить

ну походу, только задавая вручную заливку для каждого ряда

tbody>tr:nth-of-type(2),
tbody>tr:nth-of-type(3),
tbody>tr:nth-of-type(7){
    background-color: pink;
}

Как уже выше сказали, можно делать бордер. Я иногда прибегаю к другому варианту- использую :after необходимой высоты

Вот такое должно сработать. Навешиваете на кнопку "закрыть" обновление адреса афрейма.

$('.close').click(function(){      
        $('iframe').attr('src', $('iframe').attr('src'));
    });

Попробуйте использовать для элементов, которые покинули зону видимость append()/ appendTo() или prepend()/prependTo() в зависимости от направления

А чем вам position: fixed не подходит?