Innan vi gör lite typografi, tänkte jag att vi skulle fixa det irriterande där bilderna stöter utanför artikelområdet och rutnätet. Med några enkla CSS-regler för att åsidosätta inbyggda bildattribut och stil kan vi klämma bilder så att de passar in i vårt inlägg i rätt storlek.
Squishing av bilder som detta brukade vara ganska okylt eftersom webbläsare gjorde ett dåligt jobb med att ändra storlek, men så är inte fallet längre. Det är faktiskt en bra idé eftersom skärmarna får högre upplösning, eftersom bilderna blir skarpare.
Storleksändringen hanteras i huvudsak av:
figure img ( max-width: 100%; height: auto !important; )Vi utformar figurerna och figurerna bara lite för att få dem att se ut som en ordentlig figur i ett blogginlägg.