Predtým, ako urobíme nejaké práce na typografii, myslel som si, že napravíme nepríjemnú vec, keď sa obrázky rozpadajú mimo oblasť článku a mriežku. Pomocou niekoľkých jednoduchých pravidiel CSS na prepísanie vložených atribútov a štýlu obrázkov môžeme obrázky prehadzovať tak, aby zapadli do nášho príspevku v správnej veľkosti.
Takéto obrázky boli zvyčajne dosť vychladnuté, pretože veľkosť prehľadávačov sa zhoršila, ale už to tak nie je. Je to vlastne dobrý nápad, pretože displeje majú čoraz vyššie rozlíšenie, pretože obrázky budú ostrejšie.
Zmenou veľkosti sa v zásade zaoberá:
figure img ( max-width: 100%; height: auto !important; )Figúry a figúrky iba trochu upravujeme, aby vyzerali ako riadna figúra v blogovom príspevku.