Εισάγουμε την έννοια των @mediaερωτημάτων στο CSS.
Πολλά από αυτά που μας επιτρέπει να κάνουμε το Sass σε αυτό το έργο είναι να μείνουμε στεγνό (μην επαναλάβετε τον εαυτό σας). Κάναμε αυτήν τη ρύθμιση μεταβλητών χρώματος και μεγέθους. Το κάναμε με τις στοίβες γραμματοσειρών. Τώρα το κάνουμε ξανά με ερωτήματα πολυμέσων. Οποτεδήποτε χρειαζόμαστε ένα ερώτημα πολυμέσων, έχουμε πλέον ένα @mixin που μπορούμε να χρησιμοποιήσουμε. Με αυτόν τον τρόπο, αν χρειαστεί να τα προσαρμόσουμε, μπορούμε να τα αλλάξουμε σε ένα μόνο μέρος.
Αντί να ονομάσουμε τα ερωτήματα πολυμέσων μας όπως "iPad" ή κάτι υπερβολικά συγκεκριμένο, θα χρησιμοποιήσουμε απλά αυθαίρετα αλλά κατανοητά ονόματα όπως "Baby Bear" και "Papa Bear".
Ξεκινάμε με μια ευρεία οθόνη, στη συνέχεια την περιορίζουμε μέχρι η πλοήγηση να φαίνεται άσχημη και αυτό είναι το πρώτο μας διάλειμμα ερωτήματος πολυμέσων. Σε αυτό το σημείο σπάζουμε την πλοήγηση σε δύο σειρές τεσσάρων αντί για μία σειρά οκτώ. Πρέπει να προσαρμόσουμε τις σκιές ώστε να φαίνεται σωστή.
Επίσης προσαρμόζουμε το πλάτος της αναδίπλωσης σελίδων σε ορισμένα ερωτήματα πολυμέσων, πράγμα που σημαίνει ότι πρέπει να τροποποιήσουμε τον τρόπο λειτουργίας του λογότυπου.
