<div class="wrap">
  <header></header>
  <main>
    <p><a href="https://www.sitepoint.com/community/t/css-grid-problem-using-1fr-will-make-the-content-extend-itself-too-much/288578?u=sama74">https://www.sitepoint.com/community/t/css-grid-problem-using-1fr-will-make-the-content-extend-itself-too-much/288578?u=sama74</a></p>
    <p>Lorem ipsum dolor sit amet, in usu fugit iriure adipiscing, sumo nostrud maiorum vix ad. Id cum mnesarchum consetetur neglegentur, qui in erat errem antiopam, ei sea timeam utroque argumentum. Nec eripuit deterruisset ea, ei mea case erroribus scriptorem. Vel ad tibique facilisi, te epicurei contentiones quo. Sea ludus noluisse deserunt an, in cum ferri facer tincidunt, eam eu elitr meliore.</p>
    <p>Ad vel movet insolens legendos, sit ad altera iracundia interesset. Ne tempor temporibus vim. Simul urbanitas eum ad, per an iusto forensibus rationibus. Posse populo impetus te pri. Electram vituperatoribus an est, sint maluisset appellantur in vix, vix in choro recteque vituperatoribus. At modus alterum phaedrum pri, choro consul suscipiantur eos ut, movet errem vivendo an eum. His ignota iriure an.</p>
    <p>At pri tota ferri, brute dicunt labores vis no. Quem everti in vis, eu vix virtute denique expetenda, has labitur mandamus ut. Te causae mollis adipisci sit. Sea eu dicant altera nonumes, an nam incorrupte vituperatoribus, cu enim natum assueverit mea. Diam tamquam feugait ei vix, an mea stet propriae.</p>
    <p>In duo sumo iisque voluptaria, no ignota tibique vix. Congue maluisset reprehendunt mea no, eum ex ignota consequuntur. Cum eu praesent pericula. Ea nec modo mazim meliore.</p>
    <p>Lorem ipsum dolor sit amet, in usu fugit iriure adipiscing, sumo nostrud maiorum vix ad. Id cum mnesarchum consetetur neglegentur, qui in erat errem antiopam, ei sea timeam utroque argumentum. Nec eripuit deterruisset ea, ei mea case erroribus scriptorem. Vel ad tibique facilisi, te epicurei contentiones quo. Sea ludus noluisse deserunt an, in cum ferri facer tincidunt, eam eu elitr meliore.</p>
    <p>Ad vel movet insolens legendos, sit ad altera iracundia interesset. Ne tempor temporibus vim. Simul urbanitas eum ad, per an iusto forensibus rationibus. Posse populo impetus te pri. Electram vituperatoribus an est, sint maluisset appellantur in vix, vix in choro recteque vituperatoribus. At modus alterum phaedrum pri, choro consul suscipiantur eos ut, movet errem vivendo an eum. His ignota iriure an.</p>
    <p>At pri tota ferri, brute dicunt labores vis no. Quem everti in vis, eu vix virtute denique expetenda, has labitur mandamus ut. Te causae mollis adipisci sit. Sea eu dicant altera nonumes, an nam incorrupte vituperatoribus, cu enim natum assueverit mea. Diam tamquam feugait ei vix, an mea stet propriae.</p>
    <p>In duo sumo iisque voluptaria, no ignota tibique vix. Congue maluisset reprehendunt mea no, eum ex ignota consequuntur. Cum eu praesent pericula. Ea nec modo mazim meliore.</p>
    <p>Lorem ipsum dolor sit amet, in usu fugit iriure adipiscing, sumo nostrud maiorum vix ad. Id cum mnesarchum consetetur neglegentur, qui in erat errem antiopam, ei sea timeam utroque argumentum. Nec eripuit deterruisset ea, ei mea case erroribus scriptorem. Vel ad tibique facilisi, te epicurei contentiones quo. Sea ludus noluisse deserunt an, in cum ferri facer tincidunt, eam eu elitr meliore.</p>
    <p>Ad vel movet insolens legendos, sit ad altera iracundia interesset. Ne tempor temporibus vim. Simul urbanitas eum ad, per an iusto forensibus rationibus. Posse populo impetus te pri. Electram vituperatoribus an est, sint maluisset appellantur in vix, vix in choro recteque vituperatoribus. At modus alterum phaedrum pri, choro consul suscipiantur eos ut, movet errem vivendo an eum. His ignota iriure an.</p>
    <p>At pri tota ferri, brute dicunt labores vis no. Quem everti in vis, eu vix virtute denique expetenda, has labitur mandamus ut. Te causae mollis adipisci sit. Sea eu dicant altera nonumes, an nam incorrupte vituperatoribus, cu enim natum assueverit mea. Diam tamquam feugait ei vix, an mea stet propriae.</p>
    <p>In duo sumo iisque voluptaria, no ignota tibique vix. Congue maluisset reprehendunt mea no, eum ex ignota consequuntur. Cum eu praesent pericula. Ea nec modo mazim meliore.</p>
    <p>Lorem ipsum dolor sit amet, in usu fugit iriure adipiscing, sumo nostrud maiorum vix ad. Id cum mnesarchum consetetur neglegentur, qui in erat errem antiopam, ei sea timeam utroque argumentum. Nec eripuit deterruisset ea, ei mea case erroribus scriptorem. Vel ad tibique facilisi, te epicurei contentiones quo. Sea ludus noluisse deserunt an, in cum ferri facer tincidunt, eam eu elitr meliore.</p>
    <p>Ad vel movet insolens legendos, sit ad altera iracundia interesset. Ne tempor temporibus vim. Simul urbanitas eum ad, per an iusto forensibus rationibus. Posse populo impetus te pri. Electram vituperatoribus an est, sint maluisset appellantur in vix, vix in choro recteque vituperatoribus. At modus alterum phaedrum pri, choro consul suscipiantur eos ut, movet errem vivendo an eum. His ignota iriure an.</p>
    <p>At pri tota ferri, brute dicunt labores vis no. Quem everti in vis, eu vix virtute denique expetenda, has labitur mandamus ut. Te causae mollis adipisci sit. Sea eu dicant altera nonumes, an nam incorrupte vituperatoribus, cu enim natum assueverit mea. Diam tamquam feugait ei vix, an mea stet propriae.</p>
    <p>In duo sumo iisque voluptaria, no ignota tibique vix. Congue maluisset reprehendunt mea no, eum ex ignota consequuntur. Cum eu praesent pericula. Ea nec modo mazim meliore.</p>
    <p>Lorem ipsum dolor sit amet, in usu fugit iriure adipiscing, sumo nostrud maiorum vix ad. Id cum mnesarchum consetetur neglegentur, qui in erat errem antiopam, ei sea timeam utroque argumentum. Nec eripuit deterruisset ea, ei mea case erroribus scriptorem. Vel ad tibique facilisi, te epicurei contentiones quo. Sea ludus noluisse deserunt an, in cum ferri facer tincidunt, eam eu elitr meliore.</p>
    <p>Ad vel movet insolens legendos, sit ad altera iracundia interesset. Ne tempor temporibus vim. Simul urbanitas eum ad, per an iusto forensibus rationibus. Posse populo impetus te pri. Electram vituperatoribus an est, sint maluisset appellantur in vix, vix in choro recteque vituperatoribus. At modus alterum phaedrum pri, choro consul suscipiantur eos ut, movet errem vivendo an eum. His ignota iriure an.</p>
    <p>At pri tota ferri, brute dicunt labores vis no. Quem everti in vis, eu vix virtute denique expetenda, has labitur mandamus ut. Te causae mollis adipisci sit. Sea eu dicant altera nonumes, an nam incorrupte vituperatoribus, cu enim natum assueverit mea. Diam tamquam feugait ei vix, an mea stet propriae.</p>
    <p>In duo sumo iisque voluptaria, no ignota tibique vix. Congue maluisset reprehendunt mea no, eum ex ignota consequuntur. Cum eu praesent pericula. Ea nec modo mazim meliore.</p>
  </main>
* {
  outline: 1px dotted green;
}
body {
  margin: 0;
}
.wrap{
  display: grid;
  grid-template-rows: 100px 1fr;
  height: 100vh; /* Added this */
}
header {
  background: gold;
}
main {
  background: tomato;
  padding: 2em 6em;
  overflow: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.