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

Tell us what’s happening:

Füge einen repeating-linear-gradient zu .fb1c unterhalb des vorhandenen hinzu; verwende deine --building-color4 von 0 % bis 10 % und --window-color4 von <0 >10 % und 90 %. Dies wird hinter dem zuletzt hinzugefügten Farbverlauf hinzugefügt.

Your code so far

<!-- file: index.html -->

/* file: styles.css */
/* User Editable Region */


.fb1c {
  width: 100%;
  height: 80%;
  /* Erster, unveränderter Gradient */
  background: repeating-linear-gradient(
      90deg,
      var(--building-color4),
      var(--building-color4) 10%,
      transparent 10%,
      transparent 15%
    ),
    /* Neuer zusätzlicher Gradient */
    repeating-linear-gradient(
      90deg,
      var(--building-color4) 0%, 
      var(--building-color4) 10%, 
      var(--window-color4) 10%, 
      var(--window-color4) 90%
    ),
    /* Hinzugefügter zusätzlicher Gradient */
    repeating-linear-gradient(
      90deg,
      var(--building-color4) 0%,
      var(--window-color4) 10%,
      var(--window-color4) 100%
    );
}





/* User Editable Region */

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 78

Hallo @zyglewiczmagdalena

Sie haben zusätzlichen Code hinzugefügt. Bitte entfernen Sie ihn.

Entfernen Sie auch die Zeile „90deg“, da in den Anweisungen nicht danach gefragt wurde.

Viel Spaß beim Codieren