.comment-box,
.post-comment .list-comment {
background: #ffff;
border-radius: 6px;
box-shadow: 0 2px 2px #0002;
}
.comment-session {
width: 650px;
height: auto;
margin: 0 auto;
}
.post-comment .list-comment {
width: 100%;
margin-bottom: 12px;
}
.post-comment .list-comment .user-comment {
display: flex;
padding: 8px;
overflow: hidden;
}
.post-comment .list-comment .user-comment img {
height: 70px;
width: 70px;
margin-right: 10px;
border-radius: 50%;
}
.comment-session .user-name-com {
text-transform: capitalize;
font-weight: 500;
}
.post-comment .comment-post {
padding: 0 0 15px 58px;
}
.comment-box {
padding: 10px;
overflow: hidden;
}
.comment-box .user-comment {
display: flex;
width: min-content;
}
.comment-box .user-image img {
width: 65px;
height: 65px;
margin-right: 10px;
border-radius: 50%;
}
.comment-box textarea {
background: #eee;
width: 552px;
height: 152px;
margin: 10px 0;
padding: 10px;
resize: inherit;
border-radius: 5px;
border: none;
box-shadow: 0 0 0 0.5px rgb(21, 21, 100);
}
.comment-box textarea:focus-visible {
box-shadow: inset 0 0 0 1px #fdc93b;
outline: none;
}
.comment-box .comment-submit {
float: right;
padding: 6px 10px;
border: none;
background: rgb(21, 21, 100);
color: #fff;
cursor: pointer;
border-radius: 3px;
}
.comment-box .comment-submit:hover {
background: #fdc93b;
}
<div class="comment-session">
<div class="post-comment">
<div class="list-comment">
<div class="user-comment">
<div class="user-image">
<img src="img/About/Testimonial/Abbas.jfif" alt="image-comment" />
</div>
<div class="user-meta-com">
<div class="user-name-com">Abbas Memmedli</div>
</div>
</div>
<div class="comment-post">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti nemo doloribus suscipit quas repellat veniam?
</div>
</div>
<div class="comment-box">
<div class="user-comment">
<div class="user-image">
<img src="img/About/Testimonial/Ali.jfif" alt="image-comment" />
</div>
<div class="user-name-com">Ali Memmedov</div>
</div>
<form action="" method="post">
<textarea name="comment" placeholder="Your Message"></textarea>
<button class="comment-submit">Comment</button>
</form>
</div>
</div>
</div>