Для правильной верстки блока отзывов в соответствии с дизайном вам понадобится HTML и CSS. Вот пример кода:
HTML:
```html
<div class="boxForText">
<div class="review">
<img src="avatar.jpg" alt="Avatar" class="avatar">
<h3 class="name">Имя пользователя</h3>
<p class="comment">Текст отзыва</p>
</div>
<div class="review">
<img src="avatar.jpg" alt="Avatar" class="avatar">
<h3 class="name">Имя пользователя</h3>
<p class="comment">Текст отзыва</p>
</div>
</div>
```
CSS:
```css
.boxForText {
/* Добавьте стили для блока, включая размеры, отступы и цвет фона */
}
.review {
/* Добавьте стили для каждого блока отзыва, включая отступы и цвет фона */
}
.avatar {
/* Добавьте стили для изображения аватара, включая размеры и отступы */
}
.name {
/* Добавьте стили для имени пользователя, включая размеры и отступы */
}
.comment {
/* Добавьте стили для текста отзыва, включая размеры и отступы */
}
```
Для удаления отступа между блоками внутри элемента "boxForText" вы можете добавить следующий CSS-код:
```css
.boxForText {
display: flex; /* Добавляем флекс-контейнер */
flex-wrap: wrap; /* Переносим блоки на новую строку при необходимости */
}
.review {
margin-bottom: 0; /* Удаляем нижний отступ между блоками */
}
```
Это позволит вам сверстать блок отзывов в соответствии с дизайном и удалить отступ между блоками внутри элемента "boxForText".
