Skip to content

Commit c99c982

Browse files
committed
Update README.md
1 parent d2c59eb commit c99c982

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

README.md

+5-4
Original file line numberDiff line numberDiff line change
@@ -64,13 +64,14 @@ The container query pseudo-polyfill used here is a modified version of <a href="
6464

6565
## Motivation
6666

67-
Element Queries are the natural and much-needed evolution of Media Queries.
68-
Where Media Queries cared about the size of the *screen*, Element Queries care about the size of the *thing*.
69-
As a result, Element Queries allow content to adapt to a wide range of viewing experiences without having to change the content itself.
67+
Container Queries are the natural and much-needed evolution of Media Queries.
68+
69+
Where Media Queries are concerned with the _viewport_ size, Container Queries are concernes with the styling child elements based on the size of a parent element. As a result, Container Queries allow content to adapt to a wide range of viewing experiences without having to change the content itself.
70+
7071
They also simplify stylesheets by removing the need to specify layout conditions between the screen and the element being styled.
7172

7273
## Use cases
7374

7475
The simpliest use case is: “I have a widget that needs to look good in any column of our layout, whether that column is small, medium, or large.”
7576

76-
Use cases are more fully documented in the [Use Cases and Requirements for Element Queries Editor’s Draft](http://responsiveimagescg.github.io/eq-usecases/).
77+
Use cases are more fully documented in the [Use Cases and Requirements for Element Queries Editor’s Draft](http://responsiveimagescg.github.io/eq-usecases/).

0 commit comments

Comments
 (0)