Migliora il layout mobile delle sezioni home
MethodSteps passa a una sola colonna con step in orizzontale, PartnersStrip riduce loghi e spaziature, TrainingCards ridimensiona testi e padding. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -46,5 +46,11 @@ const isSwapRow = (i: number) => Math.floor(i / 2) % 2 === 1;
|
||||
.tcards__photo { overflow: hidden; }
|
||||
.tcards__img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; transition: transform .5s ease; }
|
||||
.tcards__photo:hover .tcards__img { transform: scale(1.06); }
|
||||
@media (max-width: 767px) { .tcards { grid-template-columns: repeat(2, 1fr); } }
|
||||
@media (max-width: 767px) {
|
||||
.tcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.tcards__cell { padding: 22px 16px; }
|
||||
.tcards__cell h3 { font-size: 1rem; letter-spacing: .08em; }
|
||||
.tcards__cell p { font-size: .74rem; }
|
||||
.tcards__link { font-size: .62rem; letter-spacing: .14em; margin-top: 12px; }
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user