Diven belüli div, reszponzivitás!

Question

HTML:
https://pastebin.com/tcYTakyC

CSS:
https://pastebin.com/gwX56C4b

Csatoltam mindent, jelenleg az összes Div egymás alatt van, ezt megpróbáltam orvosolni egy felosztással is ami 7 darab colból áll de ez sem rakta egymás mellé őket, nagyon régóta cseszekedek már ezzel és nem tudom mi lehet a probléma.

Alap felosztás úgy nézne ki, hogy 3 DIV tehát videókártya lenne egymás mellett, utána pedig még 3 ez alatt egymás mellett persze. Az alap terv az volt, hogy szimplán 800 pixel alatt egymás alá dobja azokat.

Answer 1

Szia!

Mind a három dobozod a html tag-en kívül van. Ezeket be kell tenni a body-n belülre, valamint az összeset egy + div konténerbe .wrapper. Ebben kell beállítani a .flex-wrap: wrap; értéket , nem a .box-wrapper classon. A .box-wrapper szélessége nem lehet 95%, mert ekkor nem kerülnek egymás mellé az elemek, kb: 30% ekkor 3 elem kerül egymás mellé.

A @media querie-nél a .wrapper class-ban a flex-direction: column;, a .box-wrapper class-ban a flex-direction: row;, és a width: 90%; értékeket kell beállítani.

Itt van a működő oldal link:
https://codepen.io/sjfarkas/pen/qBVWVBJ?editors=1100

Biztosan lehetne még rövidíteni a kódot :) , de már így is működik.