Ankhena

1. Для адаптивных сайтов
2. Скормить текст поисковику

Думаю, что если возникает вопрос нужно ли большое разрешение или нет, то ответ без разницы. Т.е. если лично Вы для своей работы не ощущаете критической нехватки "пикселей", то и прекрасно.

На своем опыте: до недавнего времени верстала сайты на 1280 - с кодом проблем не было, не очень удобно только с фотошопом, слишком много места занимают панельки.
Аналогичной работой занималась и с 13,3" ноута и 1920х1080 - все видно, все влезает.

Если Вас не интересует front-end и не надо точно видеть, что будет на экране у пользователя или опыта хватает чтобы это просто представить, то и не обязательно гнаться за большим разрешением.

Держите: codepen.io/anon/pen/rLGJJN

tr {background:grey;}
tr:nth-child(4n-4) {background:red;}
tr:nth-child(4n-5) {background:blue;}

Синий и красный специально поставила разными для наглядности, Вам надо одинаковый цвет указать.

1. Упростите мозайку

<div id="content"> 
        <div class="parent">
        <div style="clear:both;">
...
</div>
</div>
</div>

2. Получившемуся родительскому блоку задайте display:flex; и соответствующие свойства.
Боюсь писать какие не видя всей структуры.

3. Для картинок с названиями есть чудесные теги figure и figcaption