<nav class="main-nav"> <a href="#" class="main-nav-item">Home</a> В общем не нужен класс для ссылки внутри, итак понятно, что любой тег будет иметь это же оформление, что и .main-nav-item .main-nav a {} без лишних классов. И честно говоря непонятно, зачем задавать относительные размеры шрифтов. Это раньше при фиксированном размере шрифта пользователь не мог увеличить шрифт в настройках браузера, сейчас браузер увеличивает все пропорционально, любую страницу, не зависимо, что в параметрах шрифта указано. А вот если в каком-то браузере стоит шрифт большой, то вся верстка может поехать при большом шрифте. <article class="article"> <h1><span>Veroeros</span> sed dolor</h1> <div class="underline"> </div> <section class="article-text"> <div class="article-photo"> <img src="i/article/china-1.jpg" alt="chinesez-1"> </div> <p><strong>Fusce nec eros augue</strong> hendrerit erat. Nam dapibus lorem ipsum <a href="#">dolor et suscipit</a> semper. Lorem amet sed consequat.</p> <p>Sed fermentum dui in bibendum tempus, est orci iaculis dolor vel gravida varius, dui est <a href="#">tincidunt augue vel</a> facilisis mauris turpis ac mauris. Etiam elementum odio ac erat convallis sit <a href="#">amet porttitor libero</a> sed vestibulum.</p> </section> </article>Какой секшин для текста внутри артикл, что это. Так бывает, но не в этом же случае и не для текста статьи. <div class="underline sub"> </div> <h3><time pubdate="2009-09-15">09.15.2009</time><a href="">Tempor dolor aliquet vel donec</a></h3> <h3><time pubdate="2009-09-12">09.12.2009</time><a href="">Odio magna suscipit bibendum eget</a></h3> <h3><time pubdate="2009-09-09">09.09.2009</time><a href="">Nulla sed dolor nibh aenean lorem</a></h3> <h3><time pubdate="2009-09-05">09.05.2009</time><a href="">Tellus fermentum imperdiet sed</a></h3> <h3><time pubdate="2009-09-02">09.02.2009</time><a href="">Justo maecenas erat neque iaculis</a></h3> <h3><time pubdate="2009-09-30">09.30.2009</time><a href="">Euismod sit amet cursus et ante </a></h3>Какой-то сомнительный ряд h3 заголовков. За заголовками должно следовать хоть какое-то описание, иначе это больше, чем на текст, список итп - не тянет. <h2><span>Blandit</span> lorem et dolor</h2> <div class="underline sub"> </div> Элемент оформления в разметке - удалить и сделать через css. <label for="search-input"> Такого id Нету, поэтому и не работает, как я вижу. Да и в чем смысл - я нажму на надпись search и курсор перескочит, зачем. Многие картинки обернуты в слой, а зачем. Сделать их block и задать им разметку, зачем плодить лишние обертки. Также картинкам необходимо ограничить размеры через css, вдруг вставят огромную и что будет?