Media Query Generator
Build responsive media queries
Media Type
Breakpoint
Width
Orientation
Live Preview
Media Query Preview
Applies when width ≥ 768px
@media screen and (min-width: 768px) { /* Your styles here */ }
Generated CSS
@media screen and (min-width: 768px) {
/* Your styles here */
}