Responsive Design

Item 1
Item 2
Item 3

/* styles.css */ body { margin: 0; font-family: Arial, sans-serif; } .container { display: flex; flex-wrap: wrap; padding: 10px; } .item { flex: 1 1 200px; /* Flex-grow, flex-shrink, and base width */ margin: 5px; background-color: #f0f0f0; padding: 20px; text-align: center; } @media (max-width: 768px) { .container { flex-direction: column; /* Stack items on smaller screens */ } }

/* styles.css */ body { margin: 0; font-family: Arial, sans-serif; } .container { display: flex; flex-wrap: wrap; padding: 10px; } .item { flex: 1 1 200px; /* Flex-grow, flex-shrink, and base width */ margin: 5px; background-color: #f0f0f0; padding: 20px; text-align: center; } @media (max-width: 768px) { .container { flex-direction: column; /* Stack items on smaller screens */ } }