*{
    box-sizing: border-box;
}


body{
    background-image: url("../img/pattern.gif");
}


.padre{
    width: 95%;
    height: 400px;
    margin: 20px auto;
    background-color: darkgrey;
    border: 5px solid black;
    flex-wrap: wrap;
    padding: 1%;
    display: flex;
    justify-content: space-around;
}



h1{
    width: 100%;
    background-color: lightgray;
    text-align: center;
    padding: 1%;
    border-bottom: 4px double black;
    height: 80px;
}


.uno{
    width: 33%;
    padding: 16px;
    background-color: lightyellow;
}

.dos{
    width: 33%;
    padding: 16px;
    background-color: lightgreen;
}

.tres{
    width: 33%;
    padding: 16px;
    background-color: lightsalmon;
}

/*
.padre > div{
    width: 32%;
    padding: 16%;
    border: 2px solid red;
}

div:nth-child(2){
    background-color: lightyellow;
}

div:nth-child(3){
    background-color: lightgreen;
}

div:nth-child(4){
    background-color: pink;
}