1. Между карточками должен быть отступ ровно 50px. - поставь просто margin: 25px, в сумме у двух соседних получится... ну ты понял 2. Инлайново стили писать не рекомендуется. - не пиши инлайново, проставь им id или классы и уже по ним делай им свойства в style.css 3. Файл стилей рекомендуется размещаьт в отдельной папке. - размести 4. В стилях крайне нелогично написан код. Зачем каждый раз писать один и тот же селектор, если можно для одного селектора перечислить набор свойств. - верно, вместо div {width:100px;} div {height:200px} можно (и нужно) написать div {width:100px; height:200px;} 5. Текст в блоках горизонтально отцентрирован. - text-align:center; 6. На странице есть лишний див, из-за которого появляется вертикальный скролл. - не нашёл, скролла нет 7. Где doctype? - проставь doctype 8. Два раза закрыт body. - в загруженной мною странице всё в порядке, очевидно, браузер постарался 9. Нарушен порядок тегов (head, body) - то же самое