W celu wykonania reklamy internetowej o maksymalnej szerokości do 800 pikseli należy zdefiniować właściwość

Właściwość CSS max-width to jeden z najprostszych i najbardziej przydatnych sposobów, żeby ograniczyć szerokość elementu – na przykład reklamy internetowej – do maksymalnej wartości, jakiej sobie życzymy. Dzięki temu nawet jeśli ktoś otworzy naszą stronę na ogromnym monitorze albo reklama „wpadnie” do większego kontenera, nie rozciągnie się ona poza wskazany limit, czyli w tym przypadku 800 pikseli. Moim zdaniem to absolutna podstawa przy projektowaniu responsywnych interfejsów. max-width nie zmusza elementu do konkretnej szerokości, tylko pozwala mu się kurczyć i rosnąć do określonej granicy. To ma duże znaczenie, szczególnie gdy reklama ma wyglądać dobrze zarówno na desktopie, jak i na smartfonie. Takie podejście jest też zgodne z najnowszymi standardami CSS oraz rekomendacjami Google dotyczących reklam displayowych. Warto dodać, że max-width działa lepiej niż width w sytuacji, gdy zależy nam na elastyczności – width ustawia sztywną wartość, a max-width daje nam trochę więcej swobody, bo pozwala elementowi się automatycznie dopasowywać. Przykładowy kod: .banner { max-width: 800px; width: 100%; } – dzięki temu nawet jeśli użytkownik zmieni rozmiar okna, baner nigdy nie przekroczy 800 pikseli, ale nadal może się zmniejszyć na mniejszych ekranach. Szczerze mówiąc, ciężko mi sobie wyobrazić robienie serwisu bez tej właściwości.