<div id="boxes">
            <div id="calculator">
            <p>TEST</p>
            </div>

            <div id="lore">
            <p>TEST</p>
            </div>

            <div id="artwork">
            <p>TEST</p>
            </div>

            <div id="news">
            <p>TEST</p>
            </div>

            <div id="tips">
            <p>TEST</p>
            </div>

            <div id="easter_eggs">
            <p>TEST</p>
            </div>
</div>

#boxes {
}
#boxes div{
}

#calculator {
    display:inline-block;
    height:100%;
    max-height:250px;
    width:100%;
    max-width:250px;
    border:solid black;
    border-width:medium;
    margin:auto;
}

#lore {
    display:inline-block;
    height:100%;
    max-height:250px;
    width:100%;
    max-width:250px;
    border:solid black;
    border-width:medium;
    margin:auto;
}

#artwork {
    display:inline-block;
    height:100%;
    max-height:250px;
    width:100%;
    max-width:250px;
    border:solid black;
    border-width:medium;
    margin:auto;
}

#news {
    display:inline-block;
    height:100%;
    max-height:250px;
    width:100%;
    max-width:250px;
    border:solid black;
    border-width:medium;
    margin:auto;
}

#tips {
    display:inline-block;
    height:100%;
    max-height:250px;
    width:100%;
    max-width:250px;
    border:solid black;
    border-width:medium;
    margin:auto;
}

#easter_eggs {
    display:inline-block;
    height:100%;
    max-height:250px;
    width:100%;
    max-width:250px;
    border:solid black;
    border-width:medium;
    margin:auto;
}