Design a Greeting Card - Step 14cannot figure out the transition transform for design a greeting card

HTML-CSS
1

hi, totally blind and using the jaws for windows screen reader. doing the workshop design a greeting card, and stuck on step 13. supposed to do the transition transform and did look at the sample css. and cannot get it to pass. so what am i doing wrong? first time doing animations and transitions in css. googled and found a few examples. but not liking it. so will paste my css and the link to the step and the error it is giving me.
help?
yes reset the lesson a few times, but still not liking it. using visual studio code. so did copy and paste, then will try to then type up in the editor. see if it likes it. if not, what am i doing wrong?
marvin.
ps: pasting the error , my code and the step link.
The .card selector should have a property transition set to transform 0.3s, background-color 0.3s ease .so body {
font-family: Arial, sans-serif;
padding: 40px;
text-align: center;
background-color: brown;
}

.card {
background-color: white;
max-width: 400px;
padding: 40px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
box-shadow: 0px 4px 8px gray;
}

.card:hover {
    background-color: khaki; 
        transform: scale(1.1);
}

.card{

transition: transform 0.3s, background-color 0.3s ease;
}

2

there is already a .card selector, you need to add the new property to that one, not create a new .card selector

3

hi. okay took that out. still not working. will paste my code. why is it not working. have i got the wrong code or in the wrong place. marvin.
ps: pasting the code below.
why not?
how to get it to work?
body {
font-family: Arial, sans-serif;
padding: 40px;
text-align: center;
background-color: brown;
}

.card {
background-color: white;
max-width: 400px;
padding: 40px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
box-shadow: 0px 4px 8px gray;
}

.card:hover {
    background-color: khaki; 
        transform: scale(1.1);
          transition: transform 0.3s, background-color 0.3s ease;
}
4

that is not the .card selector, that is the .card:hover selector

5

2 posts were split to a new topic: Greeting card step 15