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

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

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

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

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

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

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

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

@media (max-width: 390px) {
  #allEntries {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  #allEntries > div[id^=entry] {
    width: 100%;
    padding: 0 15px 30px;
    box-sizing: border-box;
  }

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