my code stock.com

Jamie Cookson

Responsive Media Queries
by Jamie Cookson

1301+
1300 - 1181
1180 - 1085
1084 - 960
959 - 769
768 - 561 - full width
560 - 480
479 - 321

Add min-width: 320px; to body

Snippet options

Download: Download snippet as responsive-media-queries.css.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

/* Media Queries ===== */
	/*  1300 -> 1181 */
	@media only screen and (max-width: 1300px) { 

	}

	/* 1180 -> 1085 */
	@media only screen and (max-width: 1180px) {

	}

	/* 1084 -> 960 */
	@media only screen and (max-width: 1084px) {

	}

	/* 959 -> 769 */
	@media only screen and (max-width: 959px) {

	}

	/* 768 -> 561 */
	/* full width */
	@media only screen and (max-width: 768px) {

	}

	/* 560 -> 480 */
	@media only screen and (max-width: 560px) {

	}

	/* 479 -> 321 */
	@media only screen and (max-width: 479px) {

	}
	 
	/* print styles, compressed ===== */
		@media print {*{background:transparent !important;color:#444 !important;text-shadow:none !important;}a,a:visited{color:#444 !important;text-decoration:underline;}a:after{content:" (" attr(href) ")";}abbr:after{content:" (" attr(title) ")";}.ir a:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.