Responsywność boxów w css

Question

Chce zrobić 3 kolumny, każda posiada 3 pojemniki, generalnie już to zrobiłem, ale chciałbym żeby były one responsywne, nie chce używać bootstrapa tylko zrobić to w css.

Z góry dzięki za pomoc.

tutaj jeden z 9 divów.

.div1 { 
margin-top: 2cm;
background-color: #ffe78f;
width: 300px;
height: 300px;
grid-area: 1 / 2 / 2 / 3; }

 

Answer 1

Cześć, 

Żeby zrobić całkowitą responsywność musisz w css'ie pododawać znacznik @media do każdego z divów np. 

@media only screen and (max-width: 600px) {
  .div1 {
    background-color: lightblue;
  }
}

Tak na chłopski rozum: zmieniasz atrubyty(zachowanie) boxów w przypadku zmiany rozdzielczości. 

Drugą metodą jest użycie % jako wysokość i szerokość, jednak to na pewno Cię nie zadowoli.