Project in CSS Skill Tree

Visually Appealing Fruit Platter

Beginner

In this project, you will learn how to create a visually appealing fruit platter using CSS Flexbox. The goal is to position the fruits of the same color in the middle of their corresponding color boards, creating a harmonious and aesthetically pleasing display.

CSS

Introduction

In this project, you will learn how to create a visually appealing fruit platter using CSS Flexbox. The goal is to position the fruits of the same color in the middle of their corresponding color boards, creating a harmonious and aesthetically pleasing display.

👀 Preview

finished

🎯 Tasks

In this project, you will learn:

  • How to set up a flex container to organize the fruits on the platter
  • How to position the fruits of the same color in the middle of their corresponding color boards

🏆 Achievements

After completing this project, you will be able to:

  • Use CSS Flexbox to create a grid-like layout
  • Center and align elements within a flex container
  • Effectively organize and present elements on a web page in a visually appealing manner

Teacher

labby

Labby

Labby is the LabEx teacher.