title: How to decrease size of the border in CSS?
body: <p>I need to decrease size of my border-bottom similar to the first image. Can anybody help me?</p>
  <p><a href="https://i.stack.imgur.com/XdkbY.png" rel="nofollow noreferrer">How it can look like</a></p>
  <p><a href="https://i.stack.imgur.com/znamw.png" rel="nofollow noreferrer">How it actually looks like</a></p>
  <p>Here's code:</p>
  <pre><code> &lt;section class=&quot;projects-section&quot;&gt;
     &lt;h2&gt;These are some of my projects&lt;/h2&gt;
   &lt;/section&gt;
  </code></pre>
  <pre class="lang-css prettyprint-override"><code> .projects-section h2 {
    padding-top: 70px;
    color: #f0f0f0;
    font-size: 40px;
    font-family: &quot;Raleway&quot;, sans-serif;
    text-align: center;
    border-bottom: 2px solid #f0f0f0;
   }
  </code></pre>