Problem z ułożeniem elementów na stronie.

Question

Czesc. Mam problem z ułożeniem elementów na stronie i męczę sie od kilku dobrych minut. Otóż, chciałbym aby poniezej formularza znalazło sie zdjęcie a obok tych dwóch elementów był box article. Aktualnie sytuacja wygląda tak, że formularz jest pierwszy, zaraz obok jest zdjęcie i jeszcze obok jest "article".

Mogłby ktos sprawdzić kod i wskazac ewentualne błędy?

https://jsfiddle.net/m8yaot6t/

Pozdrawiam!

Answer 1

  <div class="wrapper">
    <div class="form">FORM</div>
    <div class="image">IMAGE</div>
  </div>
  <div class="article">ARTICLE</div>

body {
  margin: 0;
  display: flex;
}

.article, .wrapper {
  width: 50%;
}

.wrapper {
  display: flex;
  flex-direction: column;
}

/* żeby było widać */

.form, .image, .article {
  height: 200px;
  border: 2px solid #000;
}

O taki efekt ci chodziło? (to tylko tak schematycznie) Jsbin

Comments

Poprawiłem twój kod.

Answer 2

https://jsfiddle.net/m8yaot6t/1/

Comments

Dzięki wielkie. Chciałbym jednak wykonać to rozstawienie przy użyciu flexboxa. Jest taka możliwość?

Answer 3

odświeźam temat.