Test efektu pomocou štvorcov a ich otáčania

Podstata je že vo vnútri "obalu" je štvorec ktorý je otočený o 45 stupňov (a má to orámovanie), a v ňom je ďalší, ktorý je otočený zasa o 45 stupňov naspäť.

Šírku obsahu treba ale sledovať, aby to fajn dizajnovo sedelo...

Ak treba viac obsahu tak sa zmení iba jedna premenná v CSS (a štvorec sa zväčší), ostatné sa tomu prispôsobí...

Základ je nastavený tak, aby bol OK aj na šírku mobilov - 360px. Ak by to bolo treba inak ladiť, tak s celou proporcionalitou sa treba potom pohrať...

(Zaujímavé, že na mobile je ten obsah v strede trochu posunutý čo sa týka celkovej veľkosti... Aj napriek tomu, že používam pixely na veľkosť.)

portrait

Meno Priezvisko

programátor - amatér

tvorba www obsahu

© 2021