Generated CSS
@media (min-width: 768px) {
.selector {
font-size: 18px;
padding: 2rem;
}
}How It Works
Select Breakpoint
Choose from preset breakpoints or enter custom values.
Add Properties
Configure options and preferences.
Get Results
Copy output or view results instantly.
Get a free API key + new tools as they ship
100 calls/day, no card, no spam. Built by one person, in public.
About Media Queries
Media Queries is a free, browser-based utility designed to make developer and design work as quick and frictionless as possible. Built to be the kind of tool you bookmark and use weekly: no surprises between visits, no degraded free tier, and a UI that gets out of the way. It is one of about a hundred developer tools that share the same philosophy: do one thing, do it well, get out of your way.
When you'd reach for Media Queries
You're on a public or shared machine and don't want to leave traces of what you're working on.
Travelers, contractors, anyone working from a friend's computer.
Nothing is uploaded, nothing persists if you're not signed in.
You're hitting the daily limit of a paid SaaS and need a backup option for a single quick job.
Marketers and ops people whose primary tool is metered.
Stay productive without burning credits.
You're cleaning up a folder of files that accumulated over a project and need to standardize them.
Designers, writers, and developers wrapping up deliverables.
Drop each file in, copy the output, move on.
You need to handle a one-off task right before a meeting and don't have time to install anything.
Anyone working remotely on a borrowed or restricted machine.
Open the page, get the result, paste it into your doc — under a minute.
Frequently asked about Media Queries
- What browsers does Media Queries support?
- Every modern browser released in the last three years: Chrome, Firefox, Safari, Edge, Brave, Opera.
- Are my files uploaded to a server when I use Media Queries?
- Media Queries processes everything in your browser using local APIs. Your files never leave your device.
- Will Media Queries change my original file?
- Never. Media Queries only reads your input file and produces a new output file.
- Can I use Media Queries commercially?
- Yes. The output of Media Queries belongs entirely to you, with no licensing restrictions.
- Is Media Queries really free?
- Yes — Media Queries is free for unlimited personal use, with no account required and no watermark on the output.