Tell us what’s happening:
hey guys i am need of help here is what my console says: // running tests
- You should remove display from .bb1.
- You should move display with a value of flex to .building-wrap.
- You should remove flex-direction from .bb1.
- You should move flex-direction with a value of column to .building-wrap.
- You should remove align-items from .bb1.
- You should move align-items with a value of center to .building-wrap.
// tests completed
my code reflects the chnges although..
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* User Editable Region */
.building-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
/* BACKGROUND BUILDINGS - "bb" stands for "background building" */
.bb1 {
width: 10%;
height: 70%;
}
/* User Editable Region */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Challenge Information:
Learn CSS Variables by Building a City Skyline - Step 66