function listAdder () {
    var header = document.getElementById("adder");
    header.insertAdjacentHTML("beforebegin", '<div class="card"><div class="card-body"><h5 class="card-title"><textarea type="text" placeholder="List title" id="list-title"></textarea></h5><p class="card-text"><textarea type="text" placeholder="List description" id="list-descrip"></textarea></p></div></div>')
};

document.getElementById("adder").addEventListener("click", listAdder)

<div id="title"><p>Lists</p></div>
<div class="card-columns">

<div class="card">
    <div class="card-body">
      <h5 class="card-title"><textarea type="text" placeholder="List title" id="list-title"></textarea></h5>
      <p class="card-text"><textarea type="text" placeholder="List description" id="list-descrip"></textarea></p>
    </div>
  </div>

  <div class="card">
       <div id="adder">+</div>

    </div>
</div>