body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f9; } header { text-align: center; padding: 20px; background-color: #0073e6; color: white; } .container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px; } .section { background: white; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; width: 45%; max-width: 300px; text-align: center; transition: transform 0.2s; } .section:hover { transform: scale(1.05); } .section img { width: 100%; height: 150px; object-fit: cover; } .section a { text-decoration: none; color: #333; display: block; padding: 10px; font-weight: bold; } .section a:hover { color: #0073e6; } @media (max-width: 768px) { .section { width: 100%; } }

Welcome to the Educational Website