Flex-Richtung: Spalte nicht auf Medienabfrage für Bildschirmgrößen <= 768 reagiert <= 768
Posted: 14 Feb 2025, 01:41
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