Responsive grid with CSS Grids

Responsive grid with CSS Grids

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<input type="checkbox" id="html">
<label for="html" class="rodo-checkbox"></label><p class="disclaimer">I agree to the terms of service - <span style="text-decoration: underline;">read the Terms of Service</span></p> <i class="fa fa-angle-right rodo_icon-right" aria-hidden="true"></i>

CSS

input[type=checkbox] {
  display: none;
}

p.disclaimer{
  vertical-align: middle;
  display: inline-block;
}

label {
  position: relative;
  cursor: pointer;
  text-transform: initial;
  display: inline-block;
  width: 35px;
  height: 35px;
  background: transparent url(https://image.ibb.co/dNKnvf/check.png);
  background-position: 0 0;
  vertical-align: middle;
  margin-right: 10px;
}

input:checked+label {
  background-position: 35px 0;
}