Flexbox SWOT

Lataa mallipohja

swot.zip

Ohjeet

../../_images/flexbox_swot.png

Muotoile annettu HTML-dokumentti vastaamaan yllä olevaa kuvaa. Käytä “style.css”-tiedostoa lähtökohtana. Olet jo aiemmin tehnyt samannäköisen ulkoasun. Tällä kertaa toteutat sen käyttämällä Flexboxia.

Kun olet tyytyväinen lopputulokseen, voit palauttaa “style.css”-tiedoston arvosteltavaksi. index.html:ää ei palauteta, eikä siihen saa tehdä muutoksia.

Attention

  • ÄLÄ muokkaa index.html-tiedostoa

  • ÄLÄ käytä floatia, gridiä tai muita sijoittelumenetelmiä, kuten suhteellista/absoluuttista/kiinteää sijoittelua!

A+ esittää tässä kohdassa tehtävän palautuslomakkeen.