About Fits Every Screen

Fits Every Screen is a small reference about one question: how does a web page adapt to a phone, a tablet and a desktop? It covers the viewport tag, flexible layouts, media queries, responsive images and how to test them.

It's written for beginners. Sentences are short, each new word is explained, and the reference pages have pictures. Some pictures are screenshots of real public pages. Others are diagrams drawn for this site.

The facts come from published documents, mainly MDN Web Docs, the browsers' own developer-tool guides and Wikipedia. On the reference pages, facts taken from documents are cited, and the sources are listed at the bottom of the page. Browsers change, so check the current documentation if a detail matters to you.

This site stays inside its topic. It doesn't teach HTML and CSS from scratch, explain image file types, or plan a site's menus. Those are different subjects.

There are no ads, no affiliate links and no sponsors. It doesn't recommend products.