Two kinds of responsive design There’s two type of responsive design: One is just adjusting an element’s appearance in response to different media types, like hiding or showing some elements, change size, color or layout. Another way will be using the diffent design or totally different component for different media types. For example, a complex table view with lots of fields for each row, for a large screen, just show a regular table, but when the screen shrinks, the table view will be replaced with a card list, within each card, all the fields will be rendered vertically.