Sebelum kita membuat beberapa kerja tipografi, saya fikir kita akan memperbaiki perkara yang menjengkelkan di mana gambar-gambar itu meletus di luar kawasan artikel dan grid. Dengan menggunakan beberapa peraturan CSS yang mudah untuk mengesampingkan atribut dan gaya gambar sebaris, kami dapat menyusun gambar agar sesuai dengan pos kami dengan ukuran yang betul.
Menggoda gambar seperti ini dulu agak tidak keren kerana penyemak imbas melakukan tugas yang tidak baik untuk mengubah saiz, tetapi ini tidak lagi berlaku. Ini sebenarnya idea yang bagus kerana paparan semakin beresolusi tinggi, kerana gambarnya akan lebih tajam.
Ubah ukuran pada dasarnya ditangani oleh:
figure img ( max-width: 100%; height: auto !important; )
Kami menggayakan sedikit angka dan gambar untuk menjadikannya kelihatan, anda tahu, seperti tokoh yang sesuai dalam catatan blog.