Πριν κάνουμε κάποια τυπογραφία, σκέφτηκα ότι θα διορθώσουμε το ενοχλητικό πράγμα όπου οι εικόνες βγαίνουν έξω από την περιοχή του άρθρου και το πλέγμα. Χρησιμοποιώντας μερικούς απλούς κανόνες CSS για να παρακάμψουμε τα ενσωματωμένα χαρακτηριστικά και το στυλ εικόνας, μπορούμε να συμπιέσουμε τις εικόνες ώστε να χωρέσουν στην ανάρτησή μας στο σωστό μέγεθος.
Το να μαζεύεις εικόνες σαν αυτό ήταν μάλλον ασυνήθιστο καθώς τα προγράμματα περιήγησης έκαναν κακή δουλειά για αλλαγή μεγέθους, αλλά αυτό δεν συμβαίνει πλέον. Είναι στην πραγματικότητα μια καλή ιδέα, καθώς οι οθόνες έχουν υψηλότερη ανάλυση, καθώς οι εικόνες θα είναι πιο ευκρινείς.
Η αλλαγή μεγέθους αντιμετωπίζεται ουσιαστικά από:
figure img ( max-width: 100%; height: auto !important; )Διαμορφώνουμε λίγο τα σχήματα και τα εικονίδια για να τα κάνουν να φαίνονται, ξέρετε, σαν μια σωστή μορφή σε μια ανάρτηση ιστολογίου.