JSFiddle - React, Tailwind, and code Playground

by softvar

HTML

<div class="about-self">
    <div class="client--name">Varun Malhotra</div>
    <div class="client-personal-details">
        <p>1, Brothers Apartments, Patparganj, Delhi-92</p>
        <p>Contact: (+91) 99102 39493</p>
        <p>Email: [email protected]</p>
        <p>URL: http://varunmalhotra.info/</p>
        <p>Github: https://github.com/softvar</p>
    </div>
</div>
<div class="section--area">
    <div class="grey-box rectangle">
        <span>Career Objective</span>
    </div>
    <div class="data--info">
        <p>A platform which gives me an opportunity to exploit my extreme interest in the field of Computer Sc</p>
        <p></p>
    </div>
</div>
<div class="section--area">
    <div class="grey-box rectangle">
        <span>Career Objective</span>
    </div>
    <div class="data--info">
        <p>A platform which gives me an opportunity to exploit my extreme interest in the field of Computer Sc</p>
    </div>
</div>

CSS

.grey-box {
    background: #d1d1d1;
    font-size:19px;
}
.rectangle {
    width: 98%;
    height: 20px;
    padding: 10px;
    margin-top: 25px;
    border-radius: 1px;
}
.client--name {
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
.client-personal-details {
    font-size: 14px;
    line-height: 4px;
}
.data--info {
    padding-left: 13px;
    margin-top: 3px;
    margin-left: 3px;
    font-size: 14px;
}