Эта конструкция была для того случая, когда у вас все блоки выводились друг за другом и четвертый становился слева на втором ряду. Именно это вам и не нравилось сначала. Мне стало интересно написать эти стили, так, для разнообразия.
Такой костыль позволял выровнять четвертый блок по центру, если нет доступа к html-разметке. Например, если они выводятся так автоматически.
body использован, чтобы только на Главной это происходило
Медиазапрос для того, чтобы при перестроении блоков на узких экранах эти стили не применялись.
НО в целом, не заморачивайтесь, эти стили вам действительно не нужны, если у вас ест контольнад html-кодом.
Но я указал, что через разметку можно сделать намного проще. Вам уже дали правильный вариант разметки.