div.notes{display:flex;justify-content:center;flex-wrap:wrap}div.notes div.note{color:#fff;background-color:#4bbdc2;cursor:pointer;border-radius:4px;margin:7px 4px;width:43px;text-align:center;font-size:16px;height:43px;line-height:42px}@media(max-width:350px){div.notes div.note{width:39px;height:39px}}div.notes div.note.green{background:#070}div.notes div.note.red{background:red}