Ankhena

Абсолютные ссылки начинаются с протокола http и т.д., а не со слеша.

Ссылки со слешем или без него - относительные. Относительные либо корня сайта либо того места, в котором написаны, соответственно. Если все в проекте в конечном итоге соберётся в основной index, то будет слеш или нет на результат не повлияет.

Родителю display: flex

Или

function setEqualHeight(columns){
	var tallestcolumn = 0;
    columns.each(function(){
		currentHeight = $(this).height();
        if(currentHeight > tallestcolumn){
			tallestcolumn = currentHeight;
        }
    });
    columns.height(tallestcolumn);
}

setEqualHeight($(".first_box > div"));

По запросу "CSS пятиугольник" в сети нет примеров? ;)

bennettfeely.com/clippy
https://habrahabr.ru/post/126207/

1. Откуда 22%?
2. Новости в подвале? А это точно интересные новости? Если да, то им место не в подвале. А если нет, то и вовсе :)
3. "Основа" это повтор основного меню? В мобильной версии обычно для меню используется гамбургер. Так что этот блок можно скрывать.
4. Что за текст над контактами и его нужность не определить по скрину.

Остается 2 блочика: форма и контакты => ставите одну над другой и дело с концом.

А в общем случае:
флекс и меняете в media количество столбцов в строке, например, за счет ширины.

overflow либо hidden либо scroll, смотря чего Вы хотите добиться.

1. Снипет плохо соответствует запросу и не привлекателен для ищущих, а у "соседей" привлекателен.
2. Выдача для разных людей разная.
3. Посмотрите в вордстате запрос с кавычками

Вкладка Computed Вам не поможет, случайно?
Это будут конечные стили объекта (не селектора) по мнению браузера.

border-radius не влияет на border-image, так что круглые картинки для рамки — единственный способ сделать округлую рамку.

Либо добавлять обертку

Смотрите размеры вьюпортов: viewportsizes.com

Если шрифт в макете, то логичнее всего запросить его у дизайнера и потом конвертировать в веб-шрифт.

Нужно ли рисовать мобильную версию:
зависит от
- дизайна
- содержимого
- квалификации дизайнера
- квалификации верстальщика (и возможно сотрудничества дизайнера, чтобы дорисовать какие-то иконки/мелочевки по требованию верстальщика)
- аудитории сайта и % пользователей с мобильников

Делать ли отдельную мобильную версию:
- если контент существенно отличается - ДА
- если нет или скрыты лишь некоторые несущественные блоки - делать адаптивный

Бутстрап
- зло :)

codepen.io/Ankhena/pen/RREzPj

https://greensock.com/draggable

Перестать верстать таблицами (про то что парные теги должны быть парными, промолчу).
Вытащить списки из таблицы.
Сделать им float:left, тогда как только второй перестанет помещаться, съедет вниз.

Другой вариант - любимый flex.

Табы прекрасно делаются на CSS
inferusvv.ru/blog/css/14-taby-s-pomoschyu-css3.html