CSS рекомендации по коду

margin-top - лучше всего подходит, когда вам нужно стилизовать элемент на основе того, какой элемент был до него.

margin-bottom - лучше, когда что-то требует определенного margin-bottom, независимо от того, какой элемент следует за ним.

Использование обоих тоже приемлемо. Таким образом, вы можете установить минимальный интервал как над, так и под каждым конкретным элементом.