Ezt hogyan tudnám megvalósitani cssben?

Kulcsszó: lebegtetés azaz float

[link]

Vagy flexbox...

Régen táblával oldották meg, egyszerübb volt de macerásabb mobilra optimalizálni.

<div style="display: flex;">

<div style="width: 50%;">1. oszlop</div>

<div style="width: 50%;">2. oszlop</div>

</div>

Egy szépséghibája van, hogy a szélesség megadásával mobilon is egymás mellé kerülnek az adatok, nem egymás alá. Ha pontos pixelt adsz meg a százalékos helyett (amennyi desktopon elfér) és beírod még az első div-be, hogy flex-wrap: wrap; akkor szépen törik is és nem kell két kód külön desktopra és mobilra.