Adventures In Time - Colors

Color Blocks Side by Side

Blue

Blue is the color of the sky and the sea, representing tranquility and depth.

Green

Green symbolizes growth, harmony, and nature's beauty.

Yellow

Yellow evokes happiness, energy, and warmth.

Orange

Orange represents creativity, enthusiasm, and fun.

Pink

Pink embodies love, kindness, and femininity.

Red

Red is the color of passion, energy, and power.

Section Background Color

Green Section

This section has a green background.

/* Style the grid container */ .color-grid { display: grid; grid-template-columns: repeat(2, 1fr); /* 2 columns */ grid-template-rows: repeat(3, 1fr); /* 3 rows */ gap: 20px; /* Space between sections */ width: 100vw; /* Full width */ height: 100vh; /* Full height */ padding: 20px; box-sizing: border-box; } /* Style each section */ .color-section { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #ffffff; border-radius: 10px; /* Rounded corners */ } /* Individual background colors for each section */ .blue { background-color: #3498db; } .green { background-color: #2ecc71; } .yellow { background-color: #f1c40f; } .orange { background-color: #ffa500; } .pink { background-color: #ff6699; } .red { background-color: #e74c3c; } /* Style the text */ h1 { font-size: 2rem; margin: 0 0 10px; } p { font-size: 1rem; } Multiple Background Colors

Blue Section