Než uděláme nějaké typografické práce, myslel jsem si, že napravíme nepříjemnou věc, kde se obrázky rozpadají mimo oblast článku a mřížku. Pomocí několika jednoduchých pravidel CSS k přepsání atributů a stylu vložených obrázků můžeme obrázky rozmístit tak, aby se vešly do našeho příspěvku ve správné velikosti.
Přehazování obrázků, jako je tento, bývalo docela chladné, protože prohlížeče špatně změnily velikost, ale už tomu tak není. Ve skutečnosti je to dobrý nápad, protože displeje mají vyšší rozlišení, protože obrázky budou ostřejší.
Změnou velikosti se v zásadě zabývají:
figure img ( max-width: 100%; height: auto !important; )Postavy a figurky jen trochu upravujeme, aby vypadaly, jako řádná figurka v příspěvku na blogu.