Passo 7

Instruções

Aninhe uma div com uma classe de bb1 no contêiner dos edifícios em segundo plano. Abra seu arquivo styles.css e dê para .bb1 um width de 10% e um height de 70%. "bb" significa "background building", este será seu primeiro prédio.

O que fazer:

Testes:

Crie um novo elemento `div`.
Você deve dar à nova `div` a classe `bb1`.
Você deve usar um seletor de classe `.bb1` para estilizar o elemento.
Você deve dar ao elemento `.bb1` uma `width` de `10%`.
Você deve dar ao elemento `.bb1` uma `height` de `70%`.

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

  <body>

    <div class="background-buildings"></div>

  </body>
</html>

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

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

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

Preview