Ustawianie elementów

Question

Hej, dopiero uczę się CSS, czy pomoże ktoś z jedną rzeczą? a właściwie to wytłumaczy?  Korzystam z flexboxa słyszałem, że to dobre narzędzie i w łatwy sposób można stworzyć coś z niczego, ale mam problem, na wszystkich filmikach poradnikach pokazują tylko jak stworzyć taki model, chodzi tylko o ten szary kontener     https://ibb.co/bT9r9c

czyli jakieś divy a w nich np treść no i jak manipulować ich polozeniem, żeby przylegały do siebie, była między nimi przestrzeń itd. A ja chciałbym stworzyc cos takiego   https://ibb.co/irUr9c     No i jeżeli zrobie diva w którym chce aby było jakieś zdjęcie i pod nim nagłówek a niżej button i ustawie ten główny kontener siwy na flex to wszystko sie ustawia w jednej lini, Ktoś pomoże? jak nauczyć się budować takiego grida jak bede chciał?

Answer 1

Najlepiej by było jakbyś wkleił kod do codepen albo jsfiddle i konkretniej napisał jaki efekt chcesz osiągnąć bo tak to ciężko zrozumieć, przynajmniej mi. Jeśli chcesz dodać nagłówek i button pod treść to niech ten div z treścią obejmuje też te 2 elementy, ewentualnie zrób kolejnego diva który obejmie treść, nagłówek i button.

Answer 2

Coś na szybko zrobione, żebyś wiedział jak mniej więcej to ma wyglądać:

https://codepen.io/arces92/pen/NYdzve