Skip to content

Commit 5beb67a

Browse files
committed
- capitalize Element Query
- rename “Why” to “Motivation” - add “Use cases” section
1 parent f20f5e5 commit 5beb67a

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

README.md

+8-2
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,18 @@
1-
# Element query demos
1+
# Element Query demos
22

33
*As yet unproposed*, the Element Queries CSS module allows developers to style elements based on their size and shape.
44

55
This repository catalogs Element Query implementations realized through JavaScript.
66

7-
## Why
7+
## Motivation
88

99
Element Queries are the natural and much-needed evolution of Media Queries.
1010
Where Media Queries cared about the size of the *screen*, Element Queries care about the size of the *thing*.
1111
As a result, Element Queries allow content to adapt to a wide range of viewing experiences without having to change the content itself.
1212
They also simplify stylesheets by removing the need to specify layout conditions between the screen and the element being styled.
13+
14+
## Use cases
15+
16+
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.”
17+
18+
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)