What is wrong with less code?

Question

css

.fashion {
    margin-top: 100px;
    &-box {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-template-rows: 300px;
        grid-gap: 45px;

    }
    &__img {
        width: 100%;
        height: 220px;
        background-color: @accent;
    }
    &__text {
        text-align: center;
    }
}