Technology used to create responsive web designs includes CSS frameworks, like Bootstrap, and media queries in CSS. These tools allow web developers to create layouts that adapt effectively to different screen sizes and devices. By utilizing flexible grids, fluid images, and CSS properties, responsive designs ensure an optimal viewing experience across desktops, tablets, and smartphones. This approach decreases the need for separate mobile sites, ultimately improving user experience and search engine optimization.