.box {
  border:  7px solid yellow;
  width: 5rem;
  height: 5rem;
  float: left;
  margin-right:0.7rem;
  margin-bottom: 0.5rem;
  text-align: center;
  
}
.footer{
  border: 100px solid red;
}
.boxes::after {
  content: "";
  display: block;
  clear: both;
}
.ali{
  height:  100px;
  border:  7px solid green;

  width: 5rem;
  height: 5rem;
  float: left;
  margin-right:0.7rem;
  margin-bottom: 0.5rem;
  text-align: center;

  }
  .map{
  height:  100px;
  border:  7px solid red;

  width: 5rem;
  height: 5rem;
  float: left;
  margin-right:0.7rem;
  margin-bottom: 0.5rem;
  text-align: center;

  }
   .boxess{
  height:  100px;
  border:  7px solid blue;

  width: 5rem;
  height: 5rem;
  float: left;
  margin-right:0.7rem;
  margin-bottom: 0.5rem;
  text-align: center;

  }