User:Rothwell/Mini feature/styles.css

.mini_feature_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.box {
    box-sizing: border-box;
    border-radius:15px;
    box-shadow: -4px 4px 8px 0 rgba(0, 0, 0, 0.2);

}

/* Desktop view: box takes 1/4 of the space */
@media all and (min-width: 720px) {
  .box {
    flex-basis: 24%;
  }
}

/* Mobile view: box takes 1/2 of the space */
@media all and (max-width: 720px) {
  .box {
    flex-basis: 47%;
    margin-bottom:5%;
  }
}

.mini_place.header {
  background: #85BBD1;
  border-radius:15px 15px 0 0;
  
}

.mini_place.content {
  background: #ecf4f7;
  border-radius:0 0 15px 15px;
  height: auto;
  padding: 10px 15px;
  border-top: 4px solid #b1d3e1;
}

.mini_place_title {
    text-align: center;
    margin: auto;
    height:auto;
    line-height: inherit;
    font-size:120%;
}

p.mini_place_p {
	margin:auto;
}

a {
    text-decoration: none !important;
    color: black;
}

.mini_place.box {
    background: #ecf4f7;
}