Jak zrobić margines w belce nawigacji?

Chcę odsunąć logo od lewej krawędzi w pasku nawigacyjnym bootstrapa.
Jak wykonać taki margines np. na 200px ale żeby był widoczny tylko na dużych ekranach ?
Na mobilu chciałbym aby logo przylegało do nadal do lewej krawędzi.
Proszę o pomoc bo moje próby spełzły na niczym...
Dzięki.

Poczytaj o media query w css.

.logo {

  @media (min-width: 1200px) {
    margin-left: 200px;
  }
}

Teraz na mobilu, logo pięknie przylega do lewej ale jak je odsunąć od krawędzi na dużym ekranie ?

PS. Ok poczytam

No przecież Ci podałem

@media (min-width: 1200px) {
    margin-left: 200px;
}

musisz dopisać to do klasy elementu html albo dodać nową klasę z takim czymś.

szafran98 napisał(a):

Poczytaj o media query w css.

.logo {

  @media (min-width: 1200px) {
    margin-left: 200px;
  }
}

To jest scss :P

W zwykłym css składnia wygląda tak

@media (min-width: 1200px) {
  .logo {
    margin-left: 200px;
  }
}

najpierw jest @media, a dopiero później nazwa klasy.

To jest scss :P

W zwykłym css składnia wygląda tak

@media (min-width: 1200px) {
  .logo {
    margin-left: 200px;
  }
}

najpierw jest @media, a dopiero później nazwa klasy.

Działa idealnie.!
Dziękuję Wam za pomoc.