Megvan az alap galéria fejléc, de hiányzik azokból a kis kék emberekből, akiket Erica az eredeti illusztrációba helyezett. Előre beszéltünk róla, és úgy döntöttünk, hogy nagyon jó lenne, ha a képernyő átméretezésénél az emberek a helyükön maradnának, amikor a galéria fal mögöttük mozog, ezért úgy néz ki, mintha féltve böngésznék a galériát.
Mivel az emberek grafikája tisztán ornemantális, a jelölés használata számukra nem ideális. Szerencsére kettő van, és minden elemre ( ::before
és ::after
) két szabad álelemet kapunk . Ezeket használjuk hozzá.
Ebben a videóban bemutatunk egy koncepciót, amely továbbra is hasznos lesz, a „reverso média lekérdezések” fogalmát. Nagyrészt asztali lefelé dolgozunk ebben a kialakításban, így a média lekérdezéseink leginkább ezeken alapulnak max-width
. De ha ugyanazokat a média lekérdezéseket min-width
állítjuk be , akkor csak akkor tudjuk megcélozni a képernyőt, ha az nagyobb, mint egy bizonyos méret, és nem kisebb.
Ebben a helyzetben az emberek grafikája egyszerűen nem fér el a kis képernyőkön. Tehát egy reverso média lekérdezést használunk a betöltésükhöz, így azokat nagy képernyőkre töltjük, amelyeken dolgoznak, de ne töltsék be kicsi képernyőkre. Ez jobb, mint állandóan betölteni és kis képernyőkre rejteni.