JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./portfolio.css">
</head>
<body>
      <header class="container">
        <span class="logo">LOGO</span>
        <nav>
            <ul>
                <li><a href="./Portfolio.html">Home</a></li>
                <li><a href="./Portfolio2.html">About us</a></li>
                <li><a href="./Portfolio3.html">Portfolio</a></li>
                <li><a href="./Portfolio4.html">News</a></li>
                <li class="button"><a href="./Portfolio5.html">Contact us</a></li>
            </ul>
        </nav>
    </header>
 <div class="global container">
  <div class="global_hero">
     <h2>Lorem Ipsum is simply dummy text of the printing and.</h2>
  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
  <img src="./img/Huge Global.png" alt="">
  </div>
<div class="global_follow">
  <h5>Follow us</h5>
  <div class="follow_blocks">
    <div class="follow_block">
      <div>
    <img src="./img/Group 5 (2).png" alt="">
    <img src="./img/Group 11 (1).png" alt="">
    <img src="./img/Group 10 (1).png" alt="">
    <img src="./img/Group 9 (1).png" alt="">
      </div>

  </div>
  <div class="follow_block">
    <div>
       <img class="phone" src="./img/phone 1.png" alt="">
    </div>
     <p>+94 4444 5555 6</p>
  </div>
  <div class="follow_block">
    <div>
       <img class="marker" src="./img/gps 1.png" alt="">
    </div>
    <p>but also the leap into electronic 
      typesetting</p>
  </div>
  </div>
</div>
 </div>
 <div class="feedback">
  <div class="container">
    <h2>Say hello</h2>
    <p>Lorem Ipsum is simply dummy text of the printing .</p>
    
    <form>
        <div class="inline">
        <div>
          <label>First Name</label>
          <input type="text">
        </div>
        <div>
          <label>Last Name</label>
        ...

CSS

.feedback {
    background-color: #1C140F;
    padding: 70px 0;
}
.feedback h2{
    text-align: center;
    font-weight: 500;
    font-size: 30px;
}
.feedback p{
    text-align: center;
    margin-top: 10px;
}


.feedback form {
    margin: 80px auto;
    width: 671px;

}

.feedback form .inline{
    display: flex;
    text-align: center;
   
}

.feedback form .inline > div{
    width: 80%;
}


.feedback form label{
    color: #4F4F4F;
    font-size: 14px;
  

}
.feedback form input,
.feedback form textarea{
     box-sizing: border-box;
     display: block;
    background-color: #2c2420;
    border-radius: 10px;
    border: 0.6px solid #CECECE;
    padding: 15px 10px;
    width: 90%;
    outline: none;
    color: white;
    margin-top: 7px;
    margin-bottom: 20px;
    min-width: 100%;
    max-width: 100%;
}

.feedback form .one-line{
    width: 96%;
}
.feedback form textarea{
    resize: none;
    height: 200px;
}
.feedback form button{
    background-color: #DC7000;
    border-radius: 5px;
    border: 0;
    float: right;
    cursor: pointer;
    color: white;
    padding: 15px 35px;
    transition: all 500ms ease;
}
.feedback form button:hover{
    background-color: red;
   
}