title: Better alternative to @media queries?
body: <p>I'm using this now,</p>
  
  <pre><code>@media (max-width: 1024px) { #icons { border-radius: 0px } }
  @media (    width: 1025px) { #icons { border-radius: 1px 1px 0px 0px } }
  @media (    width: 1026px) { #icons { border-radius: 2px 2px 0px 0px } }
  @media (    width: 1027px) { #icons { border-radius: 3px 3px 0px 0px } }
  @media (    width: 1028px) { #icons { border-radius: 4px 4px 0px 0px } }
  @media (    width: 1029px) { #icons { border-radius: 5px 5px 0px 0px } }
  @media (    width: 1030px) { #icons { border-radius: 6px 6px 0px 0px } }
  @media (    width: 1031px) { #icons { border-radius: 7px 7px 0px 0px } }
  @media (    width: 1032px) { #icons { border-radius: 8px 8px 0px 0px } }
  @media (    width: 1033px) { #icons { border-radius: 9px 9px 0px 0px } }
  </code></pre>
  
  <p>To generate a flexible border-radius, proportional to the client's window width. Though, this looks ridiculous.</p>
  
  <p>How else can this be achieved? Thanks!</p>