div.TravelBlogList {
  clear: both;
  width: 99%;
}

p.TravelBlogListGroup {
  clear: both;
  width: 100%;
  font-weight: bold;
}

div.TravelBlogListItem {
  clear: both;
  width: 100%;
  margin: 0.5em;
  xxxxmargin-left: 2em;
  border-bottom: thin lightgrey solid;
}

div.TravelBlogListItem p {
  padding: 0;
  margin: 0;
}

  div.TravelBlogListItem p img {
    width: 20px;
    height: 20px;
  }

div.TravelBlogListItem p:nth-child(1) {
  display: inline-block;
  vertical-align: top;
  width: 5%;
}
  
div.TravelBlogListItem p:nth-child(2) {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}

div.TravelBlogListItem p:nth-child(3) {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

div#divBlogListType {
  clear: both;
  width: 100%;
  margin-bottom: 1em;
}

div#divBlogListType a {
  min-width: 6em;
  margin: 0.5em;
  padding: 0.5em;
  float: right;
  text-align: center;
  border: thin lightgrey solid;
}

div#divBlogListType a.active {
  background-color: lightblue;
}

@media (min-width: 360px) {

  div.TravelBlogListItem p:nth-child(2) {
    width: 30%;
  }

  div.TravelBlogListItem p:nth-child(3) {
    width: 60%;
  }
}

@media (min-width: 600px) {

  div.TravelBlogListItem p:nth-child(2) {
    width: 20%;
  }

  div.TravelBlogListItem p:nth-child(3) {
    width: 70%;
  }
}