Alter the display of an object to create more complicated UI and Layouts.

class	responsive modifiers	css property	value
.block	.block:md, .block:lg	display :	block
.inline	.inline:md, .inline:lg	display :	inline
.inline-block	.inline-block:md, .inline-block:lg	display :	inline-block
.table-cell	.table-cell:md, .table-cell:lg	display :	table-cell
.table	.table:md, .table:lg	display :	table
.table-row	.table-row:md, .table-row:lg	display :	table-row
.table-row-group	.table-row-group:md, .table-row-group:lg	display :	table-row-group
.flex	.flex:md, .flex:lg	display :	flex
.inline-flex	.inline-flex:md, .inline-flex:lg	display :	inline-flex
.grid	.grid:md, .grid:lg	display :	grid
.display_contents	.display_contents:md, .display_contents:lg	display :	contents
.display_none	.display_none:md, .display_none:lg	display :	none