U ovom posljednjem prikazu zaslona izrade podnožja radimo na donjem podnožju gdje su područja CodePen i ShopTalk.
Moramo malo promijeniti HTML jer dođemo do spoznaje da bi četiri dijela na dnu (logotip, tekst, logotip, tekst) imali smisla biti niz ugrađenih elemenata bloka koji su centrirani jedni na druge ( vertical-align: middle;).
Nailazimo na problem gdje postoji dodatni razmak između elemenata umetnutih blokova pa koristimo font-size: 0; trik iz ovog članka.
Na kraju ćemo dobiti raspored, ali zapravo ne vidite da padam na stvarnim slikama. Kao što smo učinili s Photostarom, i za ove logotipe podnožja izrađujem novu Photoshop datoteku. To samo olakšava rad s njima i olakšava buduća ažuriranja tih logotipa. Također ih izrađujem 2x i smanjujem kako bi dobro izgledali na Retina zaslonima. Spuštam ih u oznake slika rezerviranih mjesta koje imamo i izvrsno funkcionira.
Datoteke
- Logotip sa 74 podnožja.psd.zip