Proszę o pomoc - Bootstrap 4. Odstęp na smartfonie.

Witam. Trochę nie wiedziałem jak zacząć ten wątek i jak go sformułować w temacie, ale przechodząc do rzeczy.

Dopiero się uczę bootstrapa i mam pewien problem z ułożeniem pojemników po przeskalowaniu na urządzenie mobilne. Na monitorze dwa pudełka w jednym rzędzie posiadają szerokość 5 kolumn i zajmują całą dostępną przestrzeń (2 kolumny odstępu pomiędzy nimi) ustawiłem na nich lekki zaokrąglony border. W momencie przejścia na urządzenie mobilne pojemniki prawidło ustawiają się pod sobą, jednak nie wiem jak ustalić padding pomiędzy górnym a dolnym pojemnikiem na urządzeniu mobilnym. Może mi ktoś pomóc?

Pozdrawiam :)

wydaje się, że chodzi o proste:

@media only screen and (max-width: 768px) {
 .pojemnik + .pojemnik {
  margin-top: 20px
 }
}

jeśli nie o to chodzi to wrzuć jakis przykład na codepen