# 042: Responsive-izing Top Treehouse Annonce - CSS-tricks

Anonim

Den annonce, vi har på plads, er fantastisk til store / desktop-skærme, men den begynder at fejle ret hurtigt på mindre skærme.

Vi har nogle breakpoints, der allerede er i brug i dette design, men hvor dette design begynder at bryde, stemmer ikke overens med de eksisterende breakpoints. Intet problem, vi kan nemt lave engangsbrudpunkter bare for dette.

Vi tager nogle valg om, hvad der kan skjules i annoncen, når vi har mindre ledig plads. Vi starter med at fjerne trægrafikken og bare gå med lidt tekst. Vi bruger endda nogle spændvidder i teksten til at genbruge ord i sætninger, vi allerede har (skjul nogle ord, lad andre være). I den mindste størrelse bringer vi bare træet tilbage alene.

Dette særlige design vil sandsynligvis ændre sig og derefter ændre sig igen og igen. Sådan er annonceringens karakter: at holde folk, der betaler for annoncen, glade, samtidig med at du holder din designintegritet.