Menu
Coddy logo textTech

Clase Container

Lección 6 de 11 del curso Barra de progreso circular | Proyecto Front-end de Coddy.

challenge icon

Desafío

Intermedio

Clase objetivo container:

  1. Establece el display a flex y alinea los elementos al centro del elemento contenedor.
  2. Establece flex-direction a column
  3. Establece el color de fondo de tu elección.
  4. Establece el ancho a 400 píxeles.
  5. Establece el padding y el border radius de tu elección.
  6. Establece un gap de 20 píxeles.

Pruébalo tú mismo

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

Todas las lecciones de Barra de progreso circular | Proyecto Front-end