Creating a Sushi Shop Game with Device Scaling - HTML5 Game Development - page 300

#game {
width: 100%;
float: left;
}
#recipes {
float: right;
width: 100%;
background: #ACACAC;
}
/* layout inside #game element */
/* from top to bottom: status, customer view, sushi*/
#status-bar {
background: #D8D8D8;
border-bottom: 1px solid #979797;
width: 100%;
height: 25px;
line-height: 25px;
text-align: center;
}
#customer-view {
width: 100%;
height: 300px;
}
#sushi-area {
background: #9D7335;
width: 100%;
height: 250px;
}
/* sushi-board and ingredients are inside sushi area */
/* sushi board on the right of ingredients buttons */
#sushi-board {
background: #913030;
border: 1px solid #979797;
width: 50%;
height: 90%;
float: right;
}
/* ingredients buttons on the left of sushi board */
#ingredients {
width: 50%;