3.md

style.css

.magnet-wrapper {
 position: relative;
}

.sample {
 width: 120px;
 height: 120px;
 float: left;
 cursor: pointer;
 position: absolute;
}

.red {
 background-color: #F3C0AB;
 top: 0;
 left: 0;
}

.blue {
 background-color: #99CFE5;
 top: 200px;
 left: 200px;
}

.green {
 background-color: #98DE8D;
 top: 200px;
 left: 400px;
}

.yellow {
 background-color: #FFF599;
 top: 0px;
 left: 400px;
}

.purple {
 background-color: #D27EB3;
 top: 0px;
 left: 200px;
}

.gray {
 background-color: #E3E3E3;
 top: 200px;
 left: 0px;
}