Learn css by building city skyline step 33

the task asks to remove the position and top properties from .foreground-buildings and replace them inside .background-buildings then create a .background-buildings, foreground-buildings selector and put position: absolute; top: 0; inside them i did all these steps but it still giving me an error of ( You should add the position property of absolute to .background-buildings, foreground-buildings)

.background-buildings {
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: space-evenly;
position: absolute;
top: 0;
}

.bb1 {
width: 10%;
height: 70%;
display: flex;
flex-direction: column;
align-items: center;
}

.bb1a {
width: 70%;
height: 10%;
background-color: var(–building-color1);
}

.bb1b {
width: 80%;
height: 10%;
background-color: var(–building-color1);
}

.bb1c {
width: 90%;
height: 10%;
background-color: var(–building-color1);
}

.bb1d {
width: 100%;
height: 70%;
background-color: var(–building-color1);
}

.bb2 {
width: 10%;
height: 50%;
background-color: var(–building-color2);
}

.bb3 {
width: 10%;
height: 55%;
background-color: var(–building-color3);
}

.bb4 {
width: 11%;
height: 58%;
background-color: var(–building-color4);
}

.foreground-buildings {
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: space-evenly;
}

.background-buildings, foreground-buildings { position: absolute; top: 0;}

step 33

Use here
.background-buildings , .foreground-buildings{
position : absolute;
top: 0;}
and then remove both position attribute and top attribute from background-building class.
you where doing nothing wrong just going with flow without noticing that foreground-building is declared as class here in our code