h1 { text-align: center; color: white; background: teal; padding: 5px; } body { background: linear-gradient(to bottom right, lemnchiffon, white); padding: 15px; font-family: Carlito; } .column1 { width: 48%; float:left; } .column2 { width: 48%; float:right; } img { max-width: 100%; } .photo { box-shadow: 4px 4px 4px gray; transform: rotate(10deg); } .item { padding: 10px; margin-bottom: 10px; border: 3px dashed teal; } h2 { color: white; background: teal; padding: 5px; margin: 0px 0px 10px 0px; box-shadow: 2px 2px 2px gray; text-align: center; }