19/20 Оцените пожалуйста

Курсы §18. Селекторы. Часть 2
1 
.ace-heart {
    background: url("/assets/course57/heart.svg") no-repeat 50% 50%;
}

.two-spade {
    background: url("/assets/course57/spade.svg") no-repeat 50% 50%;   
}

.ace-heart, .two-spade { background-size: 50px; }

.ace-heart::before, .ace-heart::after {
    position: absolute;
    content: "A";
    color: red;
    font-size: 25px;
    font-weight: bold;
    background: url("/assets/course57/heart.svg") no-repeat 50% 100%;
    background-size: 25px;
    padding-bottom: 20px; 
}

.two-spade::before, .two-spade::after {
    position: absolute;
    content: "2";
    color: black;
    font-size: 25px;
    font-weight: bold;
    background: url("/assets/course57/spade.svg") no-repeat 50% 100%;
    background-size: 25px;
    padding-bottom: 20px;
}

.ace-heart::before, .two-spade::before {
    top: 5px;
    left: 5px; 
}

.ace-heart::after, .two-spade::after {
    bottom: 5px;
    right: 5px; 
}
2

Все впорядке, вроде бы ничего лишнего.

1 лайк