Prima di fare un po 'di lavoro tipografico, ho pensato che avremmo sistemato la cosa fastidiosa in cui le immagini si interrompono al di fuori dell'area dell'articolo e della griglia. Utilizzando alcune semplici regole CSS per sovrascrivere gli attributi e lo stile dell'immagine in linea, possiamo schiacciare le immagini per adattarle al nostro post con le dimensioni corrette.
Le immagini schiacciate come questa erano piuttosto poco cool poiché i browser hanno fatto un pessimo lavoro di ridimensionamento, ma non è più così. In realtà è una buona idea poiché i display stanno ottenendo una risoluzione più elevata, poiché le immagini saranno più nitide.
Il ridimensionamento è essenzialmente gestito da:
figure img ( max-width: 100%; height: auto !important; )Abbiamo modellato le figure e le didascalie solo un po 'per farle sembrare, sai, come una figura corretta in un post sul blog.