Skip to Content

Designer News

StoriesJobsPodcast
  • About
  • Things
  • Gallery
  • Advertise
  • RSS Feed
Log in / Register+New Story
I need help.

Join Us

Designer News is where the design community meets.

Register now
↵

The first grid.io sites have surfaced and they're kinda terrible

over 7 years ago from Giovanni Hobbins, giovanni.io

  • Kemie GuaidaKemie Guaida, over 7 years ago

    Apparently it's important to have a different font size for every screen size. In half an em increments.

    @media (min-width: 92.3125em)and (max-width: 93.375em){ html{font-size:5.1875em !important}}

    @media (min-width: 93.4375em)and (max-width: 94.5em){ html{font-size:5.25em !important}}

    @media (min-width: 94.5625em)and (max-width: 95.625em){ html{font-size:5.3125em !important}}

    7 points
    • Julian LengfelderJulian Lengfelder, over 7 years ago

      !everything !important !always !important ..

      26 points
      • Brennan Smith, over 7 years ago

        !theonlywaytomakethiswork

        6 points
    • David SimpsonDavid Simpson, over 7 years ago

      Yikes....

      0 points
    • Robert MapleRobert Maple, over 7 years ago

      I actually wrote a blog post a while ago on how this can be used for fluid typography

      0 points

Available Markdown syntax:

# H1
## H2
### H3
#### H4
##### H5
###### H6
*italics* or _italics_
**bold**
~~strike~~
- List item
- List item
- List item
1. List item
2. List item
3. List item
[Link title](https://isitchristmas.com/)
![Image title](http://imgur.com/0fwbUI3.gif)
> Blockquote
^Superscript
<code>
   foo();
</code>
***
Horizontal rule
---

Now playing

Designer News

Where the design community meets.

Designer News is a large, global community of people working or interested in design and technology.

  • News

  • Top Stories
  • Recent Stories
  • Badges
  • Post a Story
  • Jobs

  • Find a Job
  • Remote Jobs
  • Design / Dev
  • Post a Job
  • Top Companies
  • DN

  • Podcast
  • About
  • Guidelines
  • Advertise
  • Terms / Privacy
  • More

  • Search
  • Shop
  • Things
  • Gallery
  • RSS Feed

© 2023 Designer News Ltd.

Have feedback?