{
  /** this code tells the browser to include the border in calculating an element's height and width. webkit, moz, and ms are specifications for chrome, mozilla firefox, and internet explore **/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}


.row{
  width: 100%;
  display: flex;
  flex-wrap: wrap; 
}
.grid-1{
 width:50%;}
.grid-2{
  width: 100%;
}