grid-row.scss

:host {
  display: block;
}

.hy-grid__row {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  position: relative;
  width: 100%;
}

.hy-grid__row > [class^="hy-grid-item"] {
  float: left;
  margin: .5rem 1%;
  min-height: 0.125rem;
  
  @include breakpoint($medium) {
    margin: 1%;
  }
}

.hy-grid__row::after {
  content: "";
  display: table;
  clear: both;
}