Подсказка по коду из урока урока №4 Калькулятор

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

.t754__parent {
    max-width: calc(100vw - 60px);
    padding: 0 !important;
}

.t754__col {
    margin: 0 10px 30px 10px;
    padding: 0 !important;
    max-width: calc(100% / 4 - 20px);
    float: left;
}


@media screen and (max-width: 768px){
    .t754__parent {
        max-width: calc(100vw - 20px);
    }
    
    .t754__col {
        max-width: calc(100% / 2 - 20px);
    }
}

Подсказка по коду из урока урока №3 по атрибуту карточки

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

[data-product-gen-uid="310967630292"]{
    & {
        outline: 2px solid red;
        transition: all 0.2s ease-in;
    }
    
    & .js-store-prod-name{
        font-size: 32px;
    }
    
    & .js-store-prod-descr{
        font-size: 16px;
    }
    
    & .t-store__card__imgwrapper{
        height: 200px;
        padding: 0;
    }
    
    &:hover{
        scale: 0.9;
    }
    
    @media screen and (max-width: 1200px){
        & .js-store-prod-name{
            color: red;
        }
    }
}