Flex-Richtung: Spalte nicht auf Medienabfrage für Bildschirmgrößen <= 768 reagiert <= 768 ⇐ CSS

[Guest]

einfache CTA -Karten. Die Flex-Richtung ist auf die Spalte für Medienabfrage

Code: Select all

      .pricing-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
gap: 2rem;
}

.pricing-plan {
flex: 1;
max-width: 400px;
background-color: #f2f2f2;
border-radius: 5px;
padding: 20px;
text-align: center;
}

.plan-button {
background-color: #ff6600;
color: white;
border: none;
border-radius: 5px;
padding: 10px;
}

@media (max-width: 768px) {
.pricing-container {
flex-direction: column;
height: 100%;
}

.pricing-plan {
width: 400px;
}
}
< /code>
html: < /p>


Lorem ipsum odor amet, consectetuer
$11.99/month
Sign Up


Lorem ipsum odor amet, consectetuer
$19.99/month
Sign Up


Lorem ipsum odor amet, consectetuer
$49.99/month
Sign Up