css.md

css.md

image/content full width

.container {
  max-width:800px;
  width: calc( 100vw - 6rem );
  margin: 0 auto;
}
.image-fullwidth {
  max-width:100vw;
  width:100vw;
  margin: 0 calc( -50vw + 50% );
  // cover element
  max-height: 30vh;
  object-fit: cover;
}

.content-fullwidth {
  width:100vw;
  margin: 0 calc( -50vw + 50% );
  padding: 3em;
  font-size: calc( 12px + 1rem );
}

display table

.row{
  display:table;
  border-spacing:10px; // margin
}

.column{
  display:table-cell;
}