Nekategorizirano

FlexBox

Zašto FlexBox?


Skoro svaka stranica se sastoji od HTML i CSS koda. Za osnovni layout i organiziranje elemenata koristimo HTML, a za dizajniranje i uređivanje stranice koristimo CSS. Jedna od garancija za dobru i poželjnu stranicu jest urednost i preglednost. Moguće je samostalno rasporediti elemente na stranici ali ima i lakših načina. Ovdje dolazi Flexbox… Flexbox je model layouta za CSS verziju 3.

    Što je Flexbox?

Glavna stvar za koju koristimo Flexbox jest dizajn i razmještaj elemenata na stranici. On može mjenjati:

  • visinu
  • širinu
  • razmak (u odnosu na rub)
  • tekst
  • padding

Jedan od njegovih najboljih svojstava jest dinamičnost s obzirom na okolinu (veličinu stranice).

FlexBox je jedan od najjednostavnijih načina za rješavanje neuredne stranice.

Primjer koda u kojem se koristi FlexBox:



<body>
<h1>Flexible Boxes</h1>

<div class=”flex-container”>
 <div>1</div>
 <div>2</div>
 <div>3</div>  
 <div>4</div>
</div>
</body>


U današnja vremena viđamo FlexBox sve češće i češće u modernim stranica od popularnih autora i dizajnera, od čega možemo predočiti koliko je FlexBox pouzdan dodatak za našu stranicu.