div {
float: left;
clear: both;
}


#container {
font-size: 15px;
background-color: yellow;
min-height: 650px;
float: left;
min-width: 80%;
/* margin auto should not be added, it's not compatiable with float. */
/* float is required to make websites mobile-friendly with percentages. */
}

.button {
width: 7vw;
margin-left: 5%;
margin-right: 5%;
margin-top: 5%;
margin-bottom: 5%;
background-color: ghostwhite;
font-size: 12pt;
padding: 1%;
border-radius: 10px;
min-width: 77px;
padding-top: 12px;
padding-bottom: 12px;
}

.sidebarofmenus {
width: 10%;
margin-top: 10px;
margin-left: 3%;
margin-right: 3%;
background-color: pink;
min-height: 50px;
min-width: 88px;
clear: none;
}

.contentstuff {
background-color: tomato;

/* Padding is unable to be added if width exceeds anywhere past 100%. */
width: 60%;
margin-left: 5%;
margin-right: 10;
min-height: 350px;
margin-top: 10px;
padding-top: 10;
padding-left: 10;
padding-right: 10;
clear: none;
}

img {
width: 300px;
display: block;
margin: auto;
}