title: How to make responsive text that isn't too large or too small
body: <p>I'm new to web design. I have a decent understanding of CSS/HTML, but I'm conflicted on how to style fonts to fit mobile devices.</p>
  
  <p>Currently I use px to make my fonts larger or smaller on my web pages. However, doing this will make my fonts look very small on high px/inch devices. </p>
  
  <p>How can I make my fonts appear legible on these high resolution screens without making them look super small?</p>
  
  <p>For example:</p>
  
  <pre><code>.thisClass{
  font-size:12px;
  }
  </code></pre>
  
  <p>is what I am used to using. On my laptop it looks fine, but I have no idea how it looks on tablets because I don't own one D:</p>