*{
    box-sizing: border-box;
}
body {
    background-color: rgb(255, 255, 255);
}

#padre{
    width:100%;
    height: 250px;
    display: flex;
    background-color: violet;
    padding: 10px; /* el padding suma la cantidad propuesta arriba y abajo*/
    flex-wrap: nowrap; /* El nowrap si no cabe en la caja las ajusta y el wrap salta.*/
    justify-content: space-around;
    
}
#hijo{
    width: 100%;
    height: 230px;
    background-color:yellow;
    padding:10px;
}
#nieto{
    width: 100%;
    height: 210px;
    background-color: blue;
    padding: 10px;

}
#bisnieto{
    width: 100%;
    height: 190px;
    background-color: rgb(46, 153, 19);
}
/* margin: 10px 10px 10px 10px ; este sirve para citar los 4 valores.*/
/* margin: 10px 20px; este sirve para citar los 2 valores horizontal (arriba y abajo) y vertical (izquierda derecha).*/
/* margin: 10px; este sirve para citar todos los valores.*/