smart-grid {} .column-icon { background-repeat: no-repeat; background-position: center; } .firstName:after, .column-icon.firstName { background-image: url("https://img.icons8.com/ios/16/000000/user-filled.png"); } .lastName:after, .column-icon.lastName { background-image: url("https://img.icons8.com/ios/16/000000/signature-filled.png"); } .birthday:after, .column-icon.birthday { background-image: url("https://img.icons8.com/ios/16/000000/birthday-filled.png"); } .petName:after, .column-icon.petName { background-image: url("https://img.icons8.com/ios/16/000000/pet-commands-follow-filled.png"); } .productName:after, .column-icon.productName { background-image: url("https://img.icons8.com/ios/16/000000/box-filled.png"); } .price:after, .column-icon.price { background-image: url("https://img.icons8.com/ios/16/000000/price-tag-euro-filled.png"); } .quantity:after, .column-icon.quantity { background-image: url("https://img.icons8.com/ios/16/000000/negative-dynamic-filled.png"); } .country:after, .column-icon.country { background-image: url("https://img.icons8.com/ios/16/000000/country-filled.png"); } .timeOfPurchase:after, .column-icon.timeOfPurchase { background-image: url("https://img.icons8.com/ios/16/000000/alarm-clock-filled.png"); } .expired:after, .column-icon.expired { background-image: url("https://img.icons8.com/ios/16/000000/expired-filled.png"); } .red, .yellow, .green { display: inline; border-radius: 10px; padding: 5px; } .red { background-color: #E94F37; color: white; } .yellow { background-color: #FFEE93; } .green { background-color: #63C7B2; color: white; }