.container{
    display: flex;
}

.grid-user {
    width: 400px;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    background-color: aquamarine;
    margin: 20px;
}

.grid div {
    width:40px;
    height: 40px;
}

.grid-computer {
    width: 400px;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    background-color:lightblue;
    margin:20px;
}

.grid-display {
    width: 400px;
    height: 400px;
    background-color:lightgreen;
    margin:20px;
}

.destroyer-container {
    width: 80px;
    height: 40px;
    background-color: lightsalmon;
    margin: 10px;
    display: flex;
}

.destroyer-container-vertical {
    width: 40px;
    height: 80px;
    background-color: lightsalmon;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
}

.submarine-container {
    width: 120px;
    height: 40px;
    background-color: darkblue;
    margin: 10px;
    display: flex;
}

.submarine-container-vertical {
    width: 40px;
    height: 120px;
    background-color: darkblue;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
}

.cruiser-container {
    width: 120px;
    height: 40px;
    background-color: lightgray;
    margin: 10px;
    display: flex;
}

.cruiser-container-vertical {
    width: 40px;
    height: 120px;
    background-color: lightgray;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
}

.battleship-container {
    width: 160px;
    height: 40px;
    background-color: green;
    margin: 10px;
    display: flex;
}

.battleship-container-vertical {
    width: 40px;
    height: 160px;
    background-color: green;
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
}

.carrier-container {
    width: 160px;
    height: 40px;
    background-color: rgb(83, 83, 83);
    margin: 10px;
    display: flex;
}

.carrier-container-vertical {
    width: 40px;
    height: 160px;
    background-color: rgb(83, 83, 83);
    margin: 10px;
    display: flex;
    flex-wrap: wrap;
}

.ship div {
    width: 40px;
    height: 40px;
}

.destroyer {
    background-color: lightsalmon;
}

.submarine {
    background-color: darkblue;
}

.cruiser {
    background-color: lightgray;
}

.battleship{
    background-color: green;
}

.carrier{
    background-color: rgb(83, 83, 83);
}