Selles jaluse väljaehitamise viimases ekraaniekraanis töötame alumisel jalusel, kus asuvad CodePeni ja ShopTalki alad.
Peame HTML-i natuke muutma, kui jõuame tõdemuseni, et põhjas asuvatel neljal tükil (logo, tekst, logo, tekst) oleks mõttekas olla üksteise keskele paigutatud reale lisatud plokielementide seeria ( vertical-align: middle;).
Me puutume kokku probleemiga, kus inline-block-elementide vahel on lisaruumi, nii et kasutame font-size: 0; trikk sellest artiklist.
Lõpuks saame paigutuse tööle, kuid tegelikult ei näe mind reaalsetes piltides langevat. Nagu Photostariga tegime, teen ka nende Photoshopi faili just nende jaluslogode jaoks. See lihtsustab nende logode käsitlemist ja nende värskendusi tulevikus. Samuti teen need kaks korda suuremaks ja vähendan neid, nii et nad näeksid Retina ekraanidel head välja. Ma viskan need meil olevatesse kohatäidete pildimärgenditesse ja see töötab suurepäraselt.
Toimikud
- 74-jalusega logod.psd.zip