Adaptief design en responsive design zijn twee benaderingen om websites aan te passen aan verschillende schermformaten. Bij adaptief design worden afzonderlijke lay-outs en CSS-stijlen gemaakt voor verschillende apparaatgroepen, zoals computers, tablets en smartphones. Het ontwerp past zich aan op basis van het apparaat dat de website bezoekt. Responsive design daarentegen maakt gebruik van flexibele lay-outs en CSS-mediaquery’s om de inhoud en het ontwerp van de website op een vloeiende en dynamische manier aan te passen aan verschillende schermen, ongeacht het apparaat. Responsive design is de moderne en meer populaire benadering, omdat het de algehele gebruikerservaring verbetert en gemakkelijker te onderhouden is.