Div'y jeden pod drugim

Question

Witam wszystkich forumowiczów. Mam priblem z CSS niby to takie proste, ale jednak preferuje back-end. Otóż mój problem polega na tym, że chcę zrobić cos takiego:

Tylko jest jeden mały problem. Na monitorach komputera muszą mieć tska sama wysokość. A gdy ekran jest mniejszy niż, 450 px to układa się one by one. 

Answer 1

Po pierwsze to pewnie przyda się jakaś reguła @media aby obrobić różne wymiary ekranów, a po drugie to zakoduj sobie to np. we flexie - zrób jeden kontener na dwa górne divy i ustaw je jako row, a przy węższych ekranach daj flex-direction: column.

Comments

To nie będzie działać na zasadzie. Jeśli dam display: flex; to wtedy divy będą miały tą sama wysokość, ale potrzebuje tak jak na schemacie ten div po lewej musi mieć maksymalnie 200px szerokość, a ten po prawej ok. 700px. A jeśli chodzi o smartfony to w regule @media dam width: auto;

---

Co rozumiesz przez " to wtedy divy będą miały tą sama wysokość,"?

---

Aj. Nie wysokość, a szerokość. 

Coś w tym stylu. 

.wrapper{
  display: flex;
}

. row {
  flex: 1;
}