Responsive Design

Estimated reading: 1 minute 17 views

All modern applications should be able to responsively t into the screen size. Tailwind is a mobile-rst framework, meaning that all of the classes that we have talked about thus far, are for mobile and trickle up to desktop. But we can change this with a couple of modi ers.

				
					// Default breakpoints
 [all] // 0px
.sm:  // 640px      
.md: // 768px   
.lg: // 1024px    
.xl:  // 1280px       




				
			
Share this Doc

Responsive Design

Or copy link