<!doctype html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="style.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
      integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
  </head>
  <body class="container">
    
    <div class="card">
      <div class="image">
        
        <img
          src="https://67c18af0a92adf8bf4c028c1.storage.fermion.app/public-uncached/object-store-public-files/photo.png"
          alt=""
        />
      </div>
      <div class="content">
        <p class="name">
          Saketh <br />
          krishna
        </p>
        <span class="study">Student at CAT Computer Point</span>
        
        <div class="icons">
          <p class="icon1 item"><i class="fa-brands fa-x-twitter"></i></p>
          <p class="icon1 ex"><i class="fa-brands fa-github"></i></p>
          <p class="icon1 ex"><i class="fa-brands fa-instagram"></i></p>
        </div>
      </div>
    </div>
  </body>
</html>

/* Since you have used class container to body
making it black and to make the card appear at
the center of the page I have used flex & gave height
to align it vertically as well */

/* See the changes by removing and add the property */
.container{
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.card{
    width: 260px;
    height: 500px;
    border: 1px solid #ffe600;
    color: white;
}
/* To fit the image within the width of the card */
.card img{
    width: 100%;
}

/* COntent Style */
.content{
    padding: 0.6rem;
}

.icons{
    display: flex;
    /* Use gap instead of margin */
    gap: 10px;
}

.icon1{
    border: 1px solid #ffe600;
    /* space inside the icon box */
    padding: 0.4rem;
    /* increase the icon size */
    font-size: 1.5rem;
    border-radius: 0.3rem;
}
.icon1:hover{
    background-color: #ffe600;
    color: black;
    cursor: pointer;
}