Responsywność w czystym CSS

Question

Hej!

Jak wiemy w Bootstrapie mamy responsywność zdefiniowaną już automatycznie, w LESS i SASS możemy użyć Semantic GS. A jak wygląda sprawa w czystym CSS. Pewnie używamy media-queries ?

Answer 1

Dokładnie tak, używamy media :)

Comments

Ok, a jak np: podzielić 4 boxy, które są obok siebie przy 1200px, aby poniżej 768 były jeden pod drugim ?

---

@media all and (max-width:768px) {
   .box {
      width: 100%;
   }
}

 

---

Robisz najpierw mobile czyli jeden pod drugim a potem dla jakiegoś media dajesz margin: x; i float: left; :)

 

Polecam całe długie ale warto!

https://www.youtube.com/watch?v=H7LUUsbpbrg