JSFiddle - React, Tailwind, and code Playground

HTML

<p class="name">Константин</p>

CSS

body {
   margin: 0;
   padding: 0;
   width: 100%;
   min-height: 100vh;
   overflow-x: hidden;
   color: #363636;
   font-size: 16px;
 }


 .name {
   font-size: clamp(16px, 10vw, 230px);
   line-height: 1;
   color: #080400;
   background-color: #dbae2e;
   text-transform: uppercase;
   text-align: center;
   padding: 28px 10px;
   font-weight: 600;
 }