@media (min-width: 991px) {
  #allEntries {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  #allEntries > div[id^=entry] {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
  }

 [id^="entryID"] {  
    float: left; 
    width: 25%;    
    padding: 0 10px;
    box-sizing: border-box;     
    display: flex;
    flex-wrap: wrap;
}

}

@media (min-width: 768px) and (max-width: 990px) {
  #allEntries {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  #allEntries > div[id^=entry] {
    width: 33.333%;
    padding: 0 10px;
    box-sizing: border-box;
  }

 [id^="entryID"] {  
    float: left; 
    width: 33.333%;    
    padding: 0 10px;
    box-sizing: border-box;     
    display: flex;
    flex-wrap: wrap;
}

}

@media (min-width: 480px) and (max-width: 767px) {
  #allEntries {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  #allEntries > div[id^=entry] {
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
  }

 [id^="entryID"] {  
    float: left; 
    width: 50%;    
    padding: 0 10px;
    box-sizing: border-box;     
    display: flex;
    flex-wrap: wrap;
}

}