/* Hello Computer Science 3 students. You may copy and edit anyting you find here to use when making your own websites. Remember to include the Creative Commons copyright notice! */

/* This is copied and adapted from https://css-tricks.com/adaptive-photo-layout-with-flexbox/ and used with permision. See https://css-tricks.com/license/ */

ul.travel-ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0px;
}

li.travel-li {
    height: 23vh;
    flex-grow: 1;
    padding-left: 0px;
}

img.travel-img {
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}

li.travel-li:last-child {
    flex-grow: 10;
}
img:hover{
  transform: scale(1.1,1.1);
  transition: .3s transform;

}