#board {
    width: 80%;
    margin: 0 10% 0 10%;
}

#header {
    background-color: hotpink;
    overflow: auto;
}

.row {
    width: 100%;
    overflow: auto;
    border-bottom: 1px solid gainsboro;
}

div.number {
    width: 5%;
    text-align: center;
}
div.title {
    width: 40%;
}
div.date {
    width: 20%;
    text-align: center;
}
div.name {
    width: 20%;
    text-align: center;
}

#header > .row > .col {
    float: left;
    margin: 10px;
    font-weight: bold;
    color: white;
}

#content > .row > .col {
    float: left;
    margin: 10px;
}