proyecto in CSS Skill Tree

Arreglo de Frutas con CSS Flexbox

Principiante

En este proyecto, aprenderás cómo utilizar CSS Flexbox para crear un diseño de arreglo de frutas. Aprenderás cómo usar las propiedades align-self y order para posicionar y organizar las frutas en los cuencos.

CSS

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este proyecto, aprenderás a usar CSS Flexbox para crear un diseño de arreglo de frutas. Aprenderás a usar las propiedades align-self y order para posicionar y organizar las frutas en los platos.

👀 Vista previa

Diseño final de arreglo de frutas

🎯 Tareas

En este proyecto, aprenderás:

  • Cómo configurar la estructura HTML para el arreglo de frutas
  • Cómo usar la propiedad align-self para alinear elementos flexibles individuales a lo largo del eje transversal
  • Cómo usar la propiedad order para cambiar el orden de los elementos flexibles
  • Cómo organizar las frutas en el diseño deseado usando Flexbox

🏆 Logros

Después de completar este proyecto, podrás:

  • Usar CSS Flexbox para crear un diseño reactivo y visualmente atractivo
  • Aplicar las propiedades align-self y order para controlar la posición y el arreglo de los elementos
  • Trabajar con selectores y propiedades de CSS para lograr el diseño deseado

Profesor

labby

Labby

Labby is the LabEx teacher.