🎉 Black Friday deal! 30% off your first year of CodyHouse Pro →

Projects

Progress value is 30%

Display

Display property utility classes:

Class Description
.block display: block;
.flex display: flex;
.inline-block display: inline-block;
.inline-flex display: inline-flex;
.inline display: inline;
.contents display: contents;
.hide display: none;

Edit the display utility classes at specific breakpoints adding the @{breakpoint} suffix (@xs, @sm, @md, @lg, @xl - e.g., [email protected]).


Display an element at a specific breakpoint using the [email protected]{breakpoint} classes (how it works):

Class Description
[email protected] show an element past breakpoint 'xs'
[email protected] show an element past breakpoint 'sm'
[email protected] show an element past breakpoint 'md'
[email protected] show an element past breakpoint 'lg'
[email protected] show an element past breakpoint 'xl'

Display/hide an element using CSS custom properties (how it works):

Class Description
.is-visible display an element
.is-hidden hide an element

Hide an element if JavaScript is disabled:

Class Description
.no-js:is-hidden hide an element if JavaScript is disabled

Hide an element if the page is printed:

Class Description
.print:is-hidden hide an element if the page is printed

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us