afdw

#block-block-16 .content .item { display: block; float: left; margin: 0 20px 20px 20px; }

Примерно сделал. Стили. Прошу перезалить картинки с Imgur на сайт, а также после <div id="rounded-menu-right"></div>написать <div style="clear: both"></div>

А также вам надо научиться делать скриншоты. Обязательно.

vw - % от ширины viewport, vh - % от высоты viewport, vmin - min(vw, vh), vmax - max(vw, vh) Это все правила.

В отступах их тоже можно использовать. Какие минусы?

Вот. Попробуйте менять высоту.

Да, не проблема сделать текст ссылкой. Тут вопрос в другом, как сделать переход по ссылке после клика на квадратике... Сделать квадратик в ссылке?

<label><input type="checkbox"><a href="">link text</a></label>

В label можно вставить ссылку.

label?

502 Bad Gateway

Блин, а что раньше было у него на аватарке? Никак не могу вспомнить.

Сейчас ещё и Edge выйдет...

Ну, всё правильно работает.

Fixed.

ОК, сделаю. Пока просто подождите.

Если дадите мне доступ по FTP, то могу адаптировать.

Так кто мешает её адаптировать?

http://bootsnipp.com/ ? http://www.jasny.net/bootstrap ? Всё, больше ссылок нет. Дал все, которые были с начала создания страницы.

ага, тоже думаю на досуге заняться На flexbox, по идеи, сетка вообще не нужна. А вообще, какой смысл в сетке? Я понял, что не понимаю этого.

Если тема понравилась - то проще её просто адаптировать, чем полностью переписывать. Это просто и недолго. Не понял, про что вы. Дайте ссылку.

лучше использовать http://htmlbook.ru/css/mediaв одном css файле Можно и так, но просто мне удобно использовать несколько файлов стилей. Это медленнее. Если уж так надо, то используйте Gulp или Grunt для сборки в 1 файл. Вы хоть прочитайте, что здесь написано. Если это телефон, то стиль styles/style.css заменяется на styles/style_for_phone.css. А потом, если это телефон, то все ваши @media заменяются на styles/style_for_phone.css: <link rel="stylesheet" type="text/css" href="styles/style_for_phone.css" /><link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_for_phone.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_for_phone.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_for_phone.css" /><link media="only screen and (max-width:1350px)" rel="stylesheet" href="styles/style_for_phone.css" /><link media="only screen and (max-width:1210px)" rel="stylesheet" href="styles/style_for_phone.css" /><link media="only screen and (max-width:1000px)" rel="stylesheet" href="styles/style_for_phone.css" /><link media="only screen and (max-width:850px)" rel="stylesheet" href="styles/style_for_phone.css" />Так что так делать нельзя.

Чем можно объяснить такое поведение?

Но это же не код!

Не понял, почему не 3?