dnd.scss

/*
Styles for https://gist.github.com/markbiek/f807dd8235a7fa9c68a6f9862bf4790d
*/

* {
  box-sizing: border-box;  
}

.grid {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 100px;
  margin: 0 auto 10px auto;
  border: 1px solid green;
  
  .box {
    width: 64px;
    height: 64px;
    border: 1px solid red;
    margin: 0 5px 0 5px;
    text-align: center;
    padding-top: 19px;
  }
}