snowjotunn

А как же normalize?

Добавлю важный совет, на будущее. Кнопки делать ссылками только в том случае если клик по ним совершает переход на новый url. В остальном случае это должен быть тег button. 🙂

1. Обычно я в body указываю основной размер шрифта в пикселях. И для него же, в разных брейкпоинтах указываю соотв. размеры. А потом, если нужно, для отдельных элементов меняю размеры уже отдельно. 2. Как уже сказал IvanRu08 Но чаще всего у меня выходит, при перестройке десктопного макета в мобильный, элементы страницы располагать из горизонтального вида в вертикальный. Второстепенное скрывать, а меню переделывать в гамбургер.

Мне очень помогла начать книга Семи Пьюривала - Основы разработки веб-приложений. Она дает начальные знания и представления об html, css, javascript и node. И дальше становится понятнее куда развиваться. После этого по js стоит почитать "выразительный javascript" или http://learn.javascript.ru/ В целом, если будут вопросы, можете писать мне на телеграм @snowjotunn или в вк vk.com/snowjotunn

h3 дописать: background-color: #fff; top: 1px; border-bottom можно удалить.

<div> с классом read-next2 который оборачивал ссылку "read more..." можешь удалить, он не нужен. А к <div> с классом ta2 добавь в стиль position: relative; И добавь следующий стиль .ta2:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%); }

Исключительно семантическое значение. Можно все эти переменные, текст и т.д. хоть в <p> вложить, с точки зрения дизайна и даже валидности все будет в порядке. Но для соблюдения семантики и были созданы эти теги.