@media (min-width: 1199px) {
#allEntries {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

#allEntries > div[id^="entry"] {
  width: 16.666%;
  padding: 0 10px;
  box-sizing: border-box;
}

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

@media (min-width: 991px) and (max-width: 1198px) {
#allEntries {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

#allEntries > div[id^="entry"] {
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

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

@media (min-width: 578px) 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"] {
  width: 33.333%;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  float:left;
 }
}

@media (min-width: 320px) and (max-width: 577px) {
#allEntries {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

#allEntries > div[id^="entry"] {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}

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