Lerne CSS-Variablen, indem du eine Stadtsilhouette baust - Schritt 10

Deutsch HTML-CSS
1

Tell us what’s happening:

Schritt 10, Du solltest einen .bb1-Klassen-Selektor verwenden, um das Element zu gestalten. Dies habe ich getan oder?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">    
  <head>
    <meta charset="UTF-8">
    <title>City Skyline</title>
    <link href="styles.css" rel="stylesheet" />
  </head>

  <body>

<!-- User Editable Region -->

    <div class="background-buildings">
      <div class="bb1"></div>
      </div>
    .bb1 {
      width:10%;
      height:70%;
    }

<!-- User Editable Region -->

  </body>
</html>

/* file: styles.css */
* {
  border: 1px solid black;
  box-sizing: border-box;
}

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

.background-buildings {
  width: 100%;
  height: 100%;
}

Your browser information:

User Agent ist: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36

Challenge Information:

Lerne CSS-Variablen, indem du eine Stadtsilhouette baust - Schritt 10

2

Hello @angelika43 ,

Your code is looking great.

You have some css code mixed into the html. The issue could be fixed easily by cutting the css code and then pasting it into your styles.css file (click on the button in the top left of your screen). Unless I’ve overlooked something, your code should pass then.

Does this help?

Happy coding!

1 Like
3

Richtig!

Das von dir geschriebene CSS muss in die Datei “styles.css” verschoben werden. Syntax stimmt.

1 Like
4

Vielen Dank. Ich wusste gar nicht das da oben noch Knöpfe sind… :sweat_smile:

1 Like