Building a skyline- step 44

HTML-CSS
1

Here is my code, but it keeps telling me to use the background property in .bb1d and I have done that. What could be the error?

:root {
  --building-color1: #aa80ff;
  --building-color2: #66cc99;
  --building-color3: #cc6699;
  --building-color4: #538cc6;
  --window-color1: black;
}

* {
  border: 1px solid black;
  box-sizing: border-box;
}

body {
  height: 100vh;
  margin: 0;
  overflow: hidden;
}

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

/* BACKGROUND BUILDINGS - "bb" stands for "background building" */
.bb1 {
  width: 10%;
  height: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bb1a {
  width: 70%;
}

.bb1b {
  width: 80%;
}

.bb1c {
  width: 90%;
}
  width: 100%;
  width: 100%;
.bb1d {width:100%;
height:70%;
background-color: var(--building-color1);
 background: linear-gradient (
      orange, 
      var(--building-color1), 
      var(--window-color1)
);
}
.bb1-window {
  height: 10%;
  background: linear-gradient(
      var(--building-color1),
      var(--window-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 - "fb" stands for "foreground building" */
.fb1 {
  width: 10%;
  height: 60%;
  background-color: var(--building-color4);
}

.fb2 {
  width: 10%;
  height: 40%;
  background-color: var(--building-color3);
}

.fb3 {
  width: 10%;
  height: 35%;
  background-color: var(--building-color1);
}

.fb4 {
  width: 8%;
  height: 45%;
  background-color: var(--building-color1);
  position: relative;
  left: 10%;
}

.fb5 {
  width: 10%;
  height: 33%;
  background-color: var(--building-color2);
  position: relative;
  right: 10%;
}

.fb6 {
  width: 9%;
  height: 38%;
  background-color: var(--building-color3);
}
2

add this “step/exercise” url as well, thanks and happy coding :slight_smile:

3

I have edited your post to include a link to the challenge and also to add backticks to your code so that it displays correctly on the forum. For future reference, the best way to ask for help is to click on the Help button, which appears after you have submitted incorrect code three times. This will create a forum post which automatically includes your full code, a direct link to the challenge and an opportunity for you to describe your issue in detail.

In this case, your issue is the stray width properties between your .bb1c and .bb1d rulesets. Remove them and your code should pass.

4

Thank you. It worked

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.