lnked

<div class="table-container">
    <table></table>
</div>

.table-container {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

с помощью такого трюка можно такое реализовать
aspect ratio

<div class="ratio_image ratio_image_1x1">
		<img src="http://lorempixel.com/500/500/" alt="">
	</div>

	<div class="ratio_image ratio_image_1x2">
		<img src="http://lorempixel.com/500/500/" alt="">
	</div>

	<div class="ratio_image ratio_image_2x1">
		<img src="http://lorempixel.com/500/500/" alt="">
	</div>

	<div class="ratio_image ratio_image_2x2">
		<img src="http://lorempixel.com/500/500/" alt="">
	</div>

.ratio_image {
	width: 300px;
	height: 300px;
	float: left;
	margin: 20px;
	position: relative;
	overflow: hidden;
}

.ratio_image:before {
	width: 100%;
    display: block;
    content: "";
}

.ratio_image img {
	min-width: 100%;
	min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ratio_image_2x1 {
	width: 600px;
}

.ratio_image_1x2,
.ratio_image_2x2 {
	height: 600px;
}

.ratio_image img {
	width: 100%;
}

.ratio_image_1x1:before {
    padding-top: 100%; /* (300 / 300) * 100%; */
}

.ratio_image_2x1:before {
    padding-top: 200%; /* (600 / 300) * 100%; */
}

.ratio_image_1x2:before {
    padding-top: 50%; /* (300 / 600) * 100%; */
}

.ratio_image_2x2:before {
    padding-top: 100%; /* (600 / 600) * 100%; */
}

поищите аналог gulp-uncss для webpack

а если попробовать так и для блока в котором находятся оба дива сделать оферфлоу хидден что бы не появлялся горизонтальный скролл

можно так

Выбирайте то что вам больше нравится и что приносит удовольствие, развивайтесь и зарабатывайте деньги

Изучите несколько CMS каждая под свои задачи, интернет магазины, блоги и т. д.

Slick очень удобный слайдер использую либо его либо owl

take.ms/mHL3G

У вас на сервере был 1 путь к файлам сайта, а на локальной машине другие пути, вам нужно исправить пути в скриптах на локальной машине

попробуйте для head сделать font-size: 0

Вот пример

Sketch, или сразу верстать

Я склеиваю, и могу поделиться smarty плагином для склеивания js или css файлов

Taras_Serevann: celebro.ru/dl/compress.zipтут качайте, классы нужно подключить, в корне сайта создайте папку cache для сгенереных файлов

для css

{compress
    mode    = 'css'
    media   = 'screen'
    type    = 'inline'
    source  = [
        [ 'file' => 'http://fonts.googleapis.com/css?family=Titillium+Web:300|Exo+2:300,400,700&subset=latin,cyrillic' ],
        [ 'file' => 'http://fonts.googleapis.com/css?family=Six+Caps' ],
        [ 'file' => '/css/screen.css' ]
    ]
}

для js

{compress
    attr   = 'data-no-instant async' // если нужны атрибуты какие то
    mode   = 'js'
    type   = 'inline' // Это если вы хотите что бы скрипт был в контенте, для уменьшения количества запросов
    source = [
        [ 'file' => '/js/jquery.js' ],
        [ 'file' => '/js/app.js' ]
    ]
}