RWD, czyli Responsive Web Design to technika projektowania stron internetowych. Ma ona na celu zapewnienie optymalnego wyświetlania i interakcji z użytkownikiem, niezależnie od tego, na jakim urządzeniu wyświetlana jest strona. Technika ta polega na zaprojektowaniu strony w taki sposób, aby jej układ i zawartość dostosowywały się do rozmiaru ekranu, na którym są wyświetlane. To oznacza, że strona będzie dobrze wyglądać i będzie łatwa w obsłudze zarówno na dużych monitorach komputerowych, jak i na małych ekranach smartfonów.
RWD wykorzystuje tzw. media queries, czyli zapytania CSS, które umożliwiają tworzenie różnych układów dla różnych rozmiarów ekranu. W praktyce, kiedy użytkownik otwiera stronę internetową, jego przeglądarka wysyła informację o rozmiarze ekranu. Strona zaprojektowana z wykorzystaniem RWD, dostosuje swój układ do tego rozmiaru.
Jeśli strona jest wyświetlana na małym ekranie smartfona, elementy normalnie wyświetlane obok siebie na dużym ekranie komputera, mogą być teraz wyświetlane jeden pod drugim. W ten sposób zapewnia się użytkownikowi lepszą czytelność i użyteczność. Takie podejście pozwala na stworzenie strony, która będzie atrakcyjna i łatwa w obsłudze na dowolnym urządzeniu. Jest to bowiem kluczowe w dzisiejszych czasach, kiedy coraz więcej osób korzysta z Internetu na urządzeniach mobilnych.
