Zanim zajmiemy się typografią, pomyślałem, że naprawimy irytującą sytuację, w której obrazy wypadają poza obszar artykułu i siatkę. Używając prostych reguł CSS, aby zastąpić atrybuty i styl wbudowanych obrazów, możemy zgniatać obrazy, aby pasowały do naszego posta w odpowiednim rozmiarze.
Zgniatanie obrazów, takie jak to, było raczej niefajne, ponieważ przeglądarki wykonały złą robotę przy zmianie rozmiaru, ale już tak nie jest. Właściwie to dobry pomysł, ponieważ wyświetlacze uzyskują wyższą rozdzielczość, ponieważ obrazy będą ostrzejsze.
Ze zmianą rozmiaru zasadniczo radzi sobie:
figure img ( max-width: 100%; height: auto !important; )Trochę stylizujemy figury i ich opisy, aby wyglądały jak właściwa postać w poście na blogu.