To use this file, place the following tag anywhere in the of your HTML file, making sure that the filename after "href" @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); @import url('https://fonts.googleapis.com/css?family=Merriweather:400,700'); * { box-sizing: border-box; } body { background-color: white; font-family: "Open Sans", sans-serif; font-size: 18px; margin: 2px; color: #444; text-align:center; } #wrapper{ position: relative; width: 100%; max-width; 310px; margin: 0 auto; background-color: pink; height: 240px; } #bluebox{ position: absolute; right: 0px; top: 0px; background-color: blue; width: 111px; height: 60px; } #redbox{ position: absolute; left: 0px; top: 0px; background-color: red; width: 61px; height: 60px; } #greenbox{ position: absolute; right: px; top: 180px; background-color: green; width: 111px; height: 60px; } #yellowbox{ position: absolute; right: 0px; top: 180px; background-color: yellow; width: 61px; height: 60px; }