Organism 4

Responsive Type

For your fourth organism, set a piece of text which works across (at least) three specific screen sizes and responds or changes in some way at each size.

Consider how the overall design might change to accomodate the three sizes you have chosen. In what ways is it the same? In what ways is it different?

Rules:

• Use any tags in the HTML spec: https://devdocs.io/html-elements/
• Use any properties / values in the CSS spec: https://devdocs.io/css/
• Use at least three media queries to define spcific breakpoints.
• Do not use JavaScript

Once you've made your organism, link to it from your home page before we meet again.

References:

• Responsive And Fluid Typography With vh And vw Units
• GUCCI LIPS
• EM, PX, PT, CM, IN…

🔙 Go Home

Last updated: February 12, 2020