Responsive Grid

HTML

<div class="wrapper">
  <div class="label">Foo</div>
  <div class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam euismod urna vel mollis vehicula. Mauris nisi nulla, ornare sit amet est semper, sagittis faucibus velit. Mauris bibendum lectus in risus ullamcorper, sed hendrerit ante congue. Cras nulla libero, commodo id commodo sed, iaculis id quam. Proin tristique risus libero, vitae dignissim lectus placerat sit amet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis in quam vel enim varius accumsan quis tristique nunc.</div>
  <div class="label">Bar</div>
  <div class="value">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam euismod urna vel mollis vehicula. Mauris nisi nulla, ornare sit amet est semper, sagittis faucibus velit. Mauris bibendum lectus in risus ullamcorper, sed hendrerit ante congue. Cras nulla libero, commodo id commodo sed, iaculis id quam. Proin tristique risus libero, vitae dignissim lectus placerat sit amet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis in quam vel enim varius accumsan quis tristique nunc.<br/><br/>
  Sed a porta dolor, nec faucibus odio. Ut sit amet sem nec nunc blandit fermentum at vitae arcu. Aliquam augue lectus, dictum sed velit ut, pretium sollicitudin est. Vivamus sed quam nec mi ultrices tempor. In fermentum nulla vel libero laoreet dictum. Nam auctor nisi viverra justo porttitor ultricies. Pellentesque euismod elementum sem, id pulvinar orci bibendum blandit. Aenean quis rhoncus orci. Fusce eu dignissim nisl. Nunc eget urna sit amet felis efficitur efficitur ut tempor ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi sodales consequat arcu eget vehicula. Nulla facilisi. Morbi congue aliquam augue.</div>
</div>

CSS

.wrapper {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
  width: 800px;
  border: 4px solid black;
}

.wrapper > div {
  border: 1px solid red;
}

.label {
  grid-column-start: 1;
  grid-column-end: 2;
}

.value {
  grid-column-start: 2;
  grid-column-end: 9;
}