body {
    background: #eeeeee;
    font-size: 16px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    margin: 0;
}

a {
    color: crimson;
    text-decoration: none;
}

a:hover {
    color: red;
}


/* Layout
------------------------------------------*/

header,
.container,
footer {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

.wrapper {
    padding: 1em 0;
    background: #B43E8F;
}

img {
    max-width: 100%;
    height: auto;
}


/* Flex Box Gallery
------------------------------------------*/


.gallery-2 {
    background: purple;
    display: flex;
} /* a class is used when we want different things on our divs */


.gallery-2 img {
    display: block;
}


.gallery-2 {
    justify-content: space-around;
    flex-wrap: wrap;
}


.the-30{max-width:30%;} /* when there is a . it targets the class called the-30 */