title: How can I make font size responsive in laravel's welcome.blaze.php?
body: <blockquote>
  <h2>This is what the word &quot;LaravelProject&quot; and its links, look like on a large screen, I like it to look that way, with all that space everywhere</h2>
  </blockquote>
  <blockquote>
  <blockquote>
  <p><a href="https://i.stack.imgur.com/AcnQ3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AcnQ3.png" alt="enter image description here" /></a></p>
  </blockquote>
  </blockquote>
  <hr />
  <blockquote>
  <h2>This is what a newly created Laravel project looks like on a small sized screen</h2>
  </blockquote>
  <blockquote>
  <blockquote>
  <p><a href="https://i.imgur.com/PAwCjUv.jpg?2" rel="nofollow noreferrer"><img src="https://i.imgur.com/PAwCjUv.jpg?2" alt="enter image description here" /></a></p>
  </blockquote>
  </blockquote>
  <hr />
  <blockquote>
  <h2>If you change the word &quot;Laravel&quot; for &quot;LaravelProject&quot; you won't even be able to see all the letters in small screens; also the links below the word get more space in between them, and collapse from 3 to 2 rows of links</h2>
  </blockquote>
  <blockquote>
  <blockquote>
  <p><a href="https://i.imgur.com/xRDtmxr.jpg?2" rel="nofollow noreferrer"><img src="https://i.imgur.com/xRDtmxr.jpg?2" alt="enter image description here" /></a></p>
  </blockquote>
  </blockquote>
  <hr />
  <blockquote>
  <h2>This laravel project is using bootstrap and vue, still, as I'm really new to ui, vue and bootstrap, I don't know how to solve the problem, this is the code where the &quot;LaravelProject&quot; comes from</h2>
  </blockquote>
  <pre><code>&lt;div class=&quot;content&quot;&gt;
      &lt;div class=&quot;title m-b-md&quot;&gt;
          LaravelProject
      &lt;/div&gt;
  &lt;div class=&quot;navbar-brand&quot;&gt;
      &lt;div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class=&quot;links&quot;&gt;
      &lt;a href=&quot;https://laravel.com/docs&quot;&gt;Docs&lt;/a&gt;
      &lt;a href=&quot;https://laracasts.com&quot;&gt;Laracasts&lt;/a&gt;
      &lt;a href=&quot;https://laravel-news.com&quot;&gt;News&lt;/a&gt;
      &lt;a href=&quot;https://blog.laravel.com&quot;&gt;Blog&lt;/a&gt;
      &lt;a href=&quot;https://nova.laravel.com&quot;&gt;Nova&lt;/a&gt;
      &lt;a href=&quot;https://forge.laravel.com&quot;&gt;Forge&lt;/a&gt;
      &lt;a href=&quot;https://vapor.laravel.com&quot;&gt;Vapor&lt;/a&gt;
      &lt;a href=&quot;https://github.com/laravel/laravel&quot;&gt;GitHub&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr />
  <blockquote>
  <h2>And these are the style definitions for <code>content</code>, <code>title</code> &amp; <code>m-b-md</code></h2>
  </blockquote>
  <pre><code>.title {
      font-size: 84px;
  }
  
  .content {
      text-align: center;
  }
  
  .m-b-md {
      margin-bottom: 30px;
  }
  </code></pre>
  <blockquote>
  <h2>How can I make that font to scale according to the screen size in laravel with vue/bootstrap? If there were 100 letters could that scale as well in large screens, etc? I'm sorry if this is a really noob question, I'm really new to web development outside of the .net framework! I want to improve my understanding according to how this work, and everything I read so far seems too technical for me and too oriented to other technologies, at least that's what I thought when searching for information on how to solve this.</h2>
  </blockquote>