Responsive grid with CSS Grids

Responsive grid with CSS Grids

by Felixito

HTML

<div class="outer">
   <div class="inner">
      Some text
   </div>
</div>

CSS

.outer {
  margin: 10px;
  border-left: solid lightblue;
  border-radius: 3px;
  border-width: 0 0 0 8px;
}

.inner {
  border: 7px solid grey;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-left: 0;
  padding: 16px;
}