Ezt, hogy lehet fentebb vinni?

float-ot nevezhetjük elavult technikának. Én ~2 éve foglalkozok webfejlesztéssel (igen nagy terület), ahol lassan 1,5éve float-ot kerülöm.

Ha a feladat az, hogy egymás mellé tegyél 2 dolgot, legegyszerűbb flex-box-al megoldani.

Itt egy tipp halom: [link]

Ha Bootstrap supportal oldod meg: [link]

Példának:

2 elem egy más mellet, ahol a baloldali mérete fix (50px), de a jobb oldal mindig töltse ki a területet.

[link]

A fenti link egy CSS betöltő, ami a "Bootstrap v4a6"-ra mutat. Bootstrap 4 CSS-e alapjáraton tartalmaz sok jó dolgot, így FlexBox megoldásokat is.

d-flex <-- display: flex

flex-row <-- sor szerűen rendezze a belül található elemeket, így lesz egy sorban.

Ha mind2-nek 50%-50%-ot adsz, akkor mindig azonos méretű lesz. :)

Megj:

Bootstrap lényege, hogy a HTML div (vagy más elemnek) class="..."-ba írod a kívánt tulajdonságot.

--- --- --- --- --- ---

+CSS

Ha tisztában vagy a CSS működésével, javaslom hogy térj majd át SASS, vagy SCSS-re.

A kettő között annyi a különbség, hogy a SASS ;{} karaktereket nem tartalmaz és behúzás függő.

[link]

Doksi: [link] (Követelménye az alap CSS ismerete!)