Menu
Coddy logo textTech

Container Sınıfı

Coddy'nin Dairesel İlerleme Çubuğu | Front-end Projesi kursunda ders 6 / 11.

challenge icon

Görev

Orta

Hedef sınıf container:

  1. display özelliğini flex olarak ayarlayın ve öğeleri kapsayıcıyı ortalayacak şekilde hizalayın.
  2. flex-direction özelliğini column olarak ayarlayın.
  3. Arka plan rengini dilediğiniz gibi ayarlayın.
  4. Genişliği 400 piksel olarak ayarlayın.
  5. Padding ve border radius değerlerini dilediğiniz gibi ayarlayın.
  6. 20 piksellik bir boşluk (gap) ayarlayın.

Kendin dene

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Dairesel İlerleme Çubuğu | Front-end Projesi bölümündeki tüm dersler