* { box-sizing: border-box; } .article { float: left; width: 20%; text-align: center; } .article a { background-color: #e5e5e5; padding: 8px; margin-top: 7px; display: block; width: 100%; color: black; } .main { float: left; width: 60%; padding: 0 20px; } .right { background-color: #e5e5e5; float: left; width: 20%; padding: 15px; margin-top: 7px; text-align: center; } @media only screen and (max-width: 620px) { .article, .main, .right { width: 100%; } }