title: CSS Responsive Triangle Width
body: <p>Simple question really, I want to know how I would make a triangles width (made in css with the below code) equal to the page width so when the browser resizes so does the triangle.</p>
  
  <p><strong>My Code, So far</strong></p>
  
  <pre><code>.triangle {
      color: crimson;
      width: 0;
      height: 0;
      margin-top: 30%;
      border-top: 100px solid crimson;
      border-left: 100px solid transparent;
      border-right: 100px solid transparent;
  }
  </code></pre>