JSFiddle - React, Tailwind, and code Playground

HTML

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Kufam&display=swap" rel="stylesheet">

    <h1 class="my">My to do list</h1>
    <div class="container">
      <div class="top-section">
        <input id="inputField" class="inpt" type="text" name="" value="">
        <button id="adding-btn" class="btn btn-info" type="button" name="button">+</button>
      </div>
      <div id="second-container">
      </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

CSS

.my{
  text-align: center;
  margin-top: 100px;
  font-family: 'Akaya Telivigala', cursive;
  font-size: 3.7rem;
}

input[type=text] {
  font-family: 'Kufam', sans-serif;
  padding:10px;
  border:0;
  box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
  font-size: 20px;
}


.container{
  margin: 0 auto;
  text-align: center;
  background-color: #D1D1D1;
  width: 35%!important;
}

.inpt{
  margin: 35px auto 8px -3px;
   height: 42px;
   width: 350px;
   background-color: #1A1A40;
   color: white;
   /* padding:10px;
  border-radius:10px; */
}

#adding-btn{
  margin-top: -3px!important;
  margin-left: -3px;
}

.new { height: 20px; border:1px solid red; }

/* the section will be added */

.bot-section{
  position: relative;
  margin-left: -5px;
   height: 42px;
   width: 350px;
   background-color: #F7F7F7;
   color: black;
   

}

.remove-btn{
  /* position: absolute; */
  margin-top: -3px;
}

JavaScript

var secondContainer = $(".second-container");
var input1 = $('<input class="bot-section border border-secondary" type="text" name="" value="" disabled>');
var button1 = $('<button class="remove-btn btn btn-outline-danger " type="button" name="button">-</button>');
var add = 1;



$("#adding-btn").click(function(){
  console.log("click");
  let newDiv = $('<div class="new"></div>');
  $("#second-container").last().append(newDiv);
  newDiv.append(input1);
  newDiv.append(button1);
});