Укажите на ошибки. Испытание: первая раскладка [9/20]

Курсы §18. Селекторы. Часть 2
1

Подскажите пожалуйста, допустила ли я ошибки в решении данной задачи. Программа показывает 100%, но все таки. Спасибо

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Arial", sans-serif;
}

body {
    min-width: 550px;
    min-height: 250px;
    padding: 10px;
}

.cards {
    width: 500px;
}

.cards li::before {
    font-family: "Courier", monospace;
}

.cards li:not(:nth-of-type(4)):not(:first-of-type) {
    margin-left: -15px;
}

.cards li:not(:nth-of-type(4)){
    width: 36px;
    height: 54px;
}

.cards li:nth-of-type(4) {
    margin-right: 30px;
    margin-left: 15px;
}
.cards li:nth-child(even).diamond {
    background-color: #0099ff;
}
.cards li:not(.club).seven{
    background-color: #ff3300;
}
.cards:nth-last-child(2) li:nth-of-type(3n) {
    background-color: #339933;
}
2

круто) долго вычисляла последние 3 правила с цветами?)

3

Чуть короче:

.cards li:not(:first-of-type) {
    margin-left: -15px;
}
1 лайк
4

Не долго. У меня с логикой хорошо, а вот с практикой и программированием похуже)))) Поэтому решений обычно в голове много, а как реализовать не всегда знаю

5

спасибо, а я и не заметила)

6

а я вот эту часть так сделал

ul:last-of-type li:nth-of-type(3n) {
background-color: #339933;
}

1 лайк
7

да, тоже верно)