It broke to two lines at 390px. Hidden below 900px; the hero carries the same call to action three lines lower, so nothing is lost.
This commit is contained in:
@@ -1288,6 +1288,8 @@ select.form-control option {
|
||||
.m2-foot p { color: var(--text-2); font-size: .85rem; display: inline-flex; gap: .6rem; align-items: center; flex-wrap: wrap; justify-content: center; }
|
||||
|
||||
@media (max-width: 900px) {
|
||||
/* the top-bar CTA wrapped to two lines at 390px; the hero carries the same one */
|
||||
.m2-top .btn { display: none; }
|
||||
.m2-hero { grid-template-columns: 1fr; gap: 2rem; padding-top: 2.5rem; }
|
||||
.launch-grid--mini { grid-template-columns: repeat(3, 1fr); }
|
||||
.m2-who { flex-direction: column; }
|
||||
|
||||
Reference in New Issue
Block a user