JSFiddle - React, Tailwind, and code Playground
HTML
<div class="product-data">
<details class="item-wrap">
<summary class="item-label">
Details </summary>
<div class="item-content">
<div class="description">
<div class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat mauris id lacus lacinia lacinia. Cras arcu sem, tincidunt eget purus eget, scelerisque eleifend nisl. In hac habitasse platea dictumst. Integer vitae eros ullamcorper, lobortis magna a, cursus velit. Sed sodales tellus lorem, a ultrices libero molestie vel. Sed nisl elit, aliquet et dapibus sit amet, tristique eget ipsum. Donec sed elit orci. Integer sodales arcu nisi, at euismod dui tincidunt at. Aenean non elit vitae arcu scelerisque interdum eget ut orci. Integer fermentum nibh urna, id volutpat nulla lobortis sit amet. Nulla ac aliquet quam, vitae condimentum ipsum. Vestibulum et tortor tellus.</div>
</div>
</div>
</details>
<details class="item-wrap">
<summary class="item-label">
Details </summary>
<div class="item-content">
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer placerat mauris id lacus lacinia lacinia. Cras arcu sem, tincidunt eget purus eget, scelerisque eleifend nisl. In hac habitasse platea dictumst. Integer vitae eros ullamcorper, lobortis magna a, cursus velit. Sed sodales tellus lorem, a ultrices libero molestie vel. Sed nisl elit, aliquet et dapibus sit amet, tristique eget ipsum. Donec sed elit orci. Integer sodales arcu nisi, at euismod dui tincidunt at. Aenean non elit vitae arcu scelerisque interdum eget ut orci. Integer fermentum nibh urna, id volutpat nulla lobortis sit amet. Nulla ac aliquet quam, vitae condimentum ipsum. Vestibulum et tortor tellus.
</div>
</div>
</details>
<details class="item-wrap">
<summary class="item-label">
Details </summary>
<div class="item-content">
<div class="description">
<div class="value">Lorem ipsum dolor sit amet,...
CSS
.product-data {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 50px;
margin-top: 30px;
}
.product-data .item-wrap {
padding: 8px 12px;
margin-bottom: 20px;
border: 1px solid #E2DFCC;
}
.product-data .item-content {
padding: 20px 0;
border: 1px solid black;
}