Jak tworzyć: reaktywne przesuwanie

Naucz się, jak używać CSS do tworzenia reaktywnych elementów przesuwanych.

Reaktywne przesuwanie

Używaj zapytań media i ustawiaj konkretną szerokość ekranu (w pikselach), aby określić, kiedy element powinien być przesuwany w prawo:

/* Na ekranach o szerokości równiej lub mniejszej niż 768 pikseli przesuwać w prawo */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* Na ekranach o szerokości równej lub większej niż 769 pikseli przesuwać w prawo */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Spróbuj sam

Strony związane

Tutorial:CSS pływające