Lazy10

figure img {
  max-width: 100%;
  vertical-align: middle; /* либо vertical-align: top / vertical-align: bottom */
}

/* Либо так */
figure img {
  max-width: 100%;
  display: block;
}

codepen.io/corvus-007/pen/bEoazz?editors=110

Сделать это можно вот так: codepen.io/anon/pen/ZQXvyg
добавить margin-bottom: -4px;
было:

figure img {
    max-width: 100%;
}

стало:

figure img {
    max-width: 100%;
    margin-bottom: -4px;
}

Автор я конечно не Брюс Ли и не Крутейший какой-нибудь фронтэндер. Скажу так:
1. Детский инстинкт: все и сразу (забудь об этом)
2. Это упорный труд.
3. Обязательное удовольствие от изучения, работы.
4. Обязательное физическое развитие ( спроси у любого, он кивнет тебе)
5. Медитация ( это тяжело, но если поймешь тему все ключи будут в кармане)
6. Наконец же пойми себя, никогда не поздно это сделать. К чему ты тянешься, что любишь. Возможно ты до сих пор не знаешь себя.
7. Взлеты и падения: у всех они свои и ты не один такой. Нужно уметь пережить такие моменты.
8. Я видел много веб-программистов у которых стаж с 2006 года(делай свои выводы)
9. Не теряй времени, иногда кажется что ещё все впереди и времени фигова туча, на самом деле это мираж.
10. Не грызи слишком себя, иногда это совсем не нужно.

Я не поддерживаю тех кто смеётся над вами )) Подумайте вот о чём: если ваш организм сопротивляется новым знаниям, значит вы уже знаете достаточно, значит вам надо применить то что вы узнали, поэтому просто садитесь и делайте в процессе работы вы подойдёте к своему пределу, когда новые знания реально понадобятся - там и мотивация уже будет изучать.

У меня падала мотивация тоже когда завидовал. А потом я подключал системный подход (спасибо универ!) к своей ситуации, смотрел какие входные данные были у этих людей (например богатые родители, развитая страна или банально у него компьютер появился в 5 лет а у меня в 15) и всё вставало на свои места, ведь понимаешь, что ты сам кузнец своего счастья.

Существуют ли сайты, где выкладываются исходники, заготовки и примеры популярных и хороших дизайнов сайтов?

Почти вся годнота проскакивает тут:
www.cssdesignawards.com/wotd-award-winners
www.awwwards.com/awards-of-the-day
www.thefwa.com (у них неудобный просмотр)
Соответственно можете и по месяцам/годам чекнуть.
Вот несколько примеров, которые я скоро буду пристально изучать:
https://www.chelseacollective.com/
www.lempens-design.com

Не относится к лендингам, но недавно около часа изучал его сайт и работы, очень крутой чувак:
https://caferati.me/

Лучший способ «прокачать» себя (стать умнее, креативнее и успешнее) – читать книги. Какие?

Начни
Автор: Джон Эйкафф
Книга о том, как раскрасить свою серую жизнь в яркие тона. Быть как все – проще всего. Быть неординарной личностью – поступок, заслуживающий уважения. Сколько бы вам ни было лет, каким бы ни был ваш социальный статус, все сводится к одной простой истине: нужно начать.
Прочитав эту книгу, вам действительно захочется начать действовать, начать менять себя и свою жизнь. А когда начинать новую жизнь, как не в Новый год?

В этом году я…
Автор: М. Дж. Райан
Книга о том, как изменить привычки, сдержать слово или сделать то, о чем давно мечтал. Обычно такие жизненные обещания дают себе под Новый год, а после праздника благополучно их «забывают». В книге собраны знания автора в области психологии, нейрофизиологии и философии, которые вылились в практические рекомендации, как воплощать в жизнь обещания, данные себе под бой курантов.

Выйди из зоны комфорта
Автор: Брайан Трейси
Книга о том, как правильно распределять время и добиваться решения сложных задач, выходя из зоны комфорта. В ней – 21 практический совет, следуя которым можно стать столь же успешным, как автор. Брайан Трейси – миллионер, который в юности бросил школу и начинал свой путь наверх фактически с нуля. Эта книга – емкий и сверхполезный сборник секретов личной эффективности Брайана Трейси. Она переведена на 40 языков, ее тираж составляет более 1 200 000 экземпляров.

Как люди думают
Автор: Дмитрий Чернышев
Книга о сущности мышления. Люди часто думают на автомате, между тем любой акт мышления – есть творчество. Книга поможет вам смотреть на обыденные вещи свежим взглядом. Это авторский проект Дмитрия Чернышева, который придумал даже собственный «алфавит мышления», призванный помочь тренировать самый главный человеческий талант – способность думать.

Сам себе МВА
Автор: Джош Кауфман
Книга о самообучении и вере в себя. Они важнее «корочек». Идея книги заключается в том, что не стоит тратить деньги на обучение в бизнес-школе. Дешевле и эффективнее заниматься самообразованием, тем более, в век информационных технологий это легко. Книга содержит десятки сентенций, которые учат абсолютно новому деловому мышлению. Советы Джоша Кауфмана действительно вдохновляют. Книга может заменить образование МВА по многим параметрам.

Сила воли
Автор: Келли Макгонигал
Книга о том, как стать духовно сильной личностью, противостоять искушениям и перестать откладывать дела в долгий ящик. Книга подкупает абсолютной научностью. Все советы подкреплены многочисленными психологическими и медицинскими исследованиями. Именно поэтому книга полезна не только тем, кто нуждается в укреплении силы воли, но и просто любознательным людям – каждый почерпнет для себя много интересного.

Искусство объяснять
Автор: Ли ЛеФевер
Книга о том, как сделать так, чтобы вас понимали с полуслова. Ведь когда вас понимают – это счастье, а в бизнесе – еще и деньги. По мнению автора, нет людей, которые неспособны понять, есть те, кто не может объяснить. Книга поможет вам всегда, в любой ситуации, находить нужные слова. Благодаря этому, в ваших личных и профессиональных отношениях будут царить полное взаимопонимание и гармония.

Жизнь на полной мощности
Авторы: Джим Лоэр и Тони Шварц
Книга об управлении энергией, о том, как сбалансировать в жизни разные виды энергий – физическую, эмоциональную, умственную и духовную. Ее авторы – известные спортсмены, которые советуют относиться к жизни не как к марафону, а как к серии спринтерских дистанций – периодов деятельности с полной самоотдачей, чередующихся с эпизодами полноценного отдыха и восстановления сил. Эту книгу, помимо нас, рекомендуют к прочтению главред МИФа Михаил Иванов и бизнесмен Олег Тиньков (кстати, он на обложке). Сегодня и еще несколько дней электронную версию этой книги можно получить в подарок от «Манн, Иванов и Фербер» абсолютно бесплатно.

Проблема решилась самым простым образом.
Сначала нужно писать псевдокласс :hover, а затем псевдоэлемент :before, таким образом:
div:hover:after{}

<div class="clear_float"></div> Не очень хороший тон
Отчистку флоатов делайте классом .clear-fix

clear-fix::after {
    content: '';
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}

Для Ie8

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

nicolasgallagher.com/micro-clearfix-hack/