This repository has been archived by the owner on Jul 24, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcommon-breakpoints-css.html
14 lines (14 loc) · 1.85 KB
/
common-breakpoints-css.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="description" content="These are common breakpoints for all devices in web development. These are to be used in CSS media queries."><!-- Bing --><meta name="msvalidate.01" content="45CBBE1BD8265A2217DFDA630EB8F84A" /><title>Tiny Brain Fans - Common Breakpoints (CSS)</title><link rel="stylesheet" href="tinystyle.css"></head><body>
<main id="main"><article id="content"><h1 id="title">Common Breakpoints (CSS)</h1><p>These are common breakpoints for all devices in web development. These are to be used in <a href="css.html">CSS</a> media queries.</p>
<ul>
<li>320px — 480px: Mobile devices</li>
<li>481px — 768px: iPads, Tablets</li>
<li>769px — 1024px: Small screens, laptops</li>
<li>1025px — 1200px: Desktops, large screens</li>
<li>1201px and more — Extra large screens, TV</li>
</ul>
<h2>References</h2>
<ol>
<li><a href="https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/" target="_blank">https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/</a></li>
</ol>
<p class="last-modified">Last modified: 202206101419</p></article></main><footer><nav><a href="index.html">Sitemap</a></nav><div class="social"><p>Built using <a href="http://codeberg.org/milofultz/swiki" target="_blank" rel="noopener noreferrer">{{SWIKI}}</a></p><p><a href="http://codeberg.org/milofultz/" target="_blank" rel="noopener noreferrer">Codeberg</a></p><p><a href="http://milofultz.com/" target="_blank" rel="noopener noreferrer">milofultz.com</a></p><p><a href="https://merveilles.town/@milofultz" target="_blank" rel="me noopener noreferrer">Mastodon</a></p></div></footer></body></html>