Fix mobile grid overrides — remove inline gridTemplateColumns blocking Tailwind breakpoints

This commit is contained in:
alireza 2026-06-01 10:40:56 +03:30
parent 10003c0ff3
commit 9e9dd96114
4 changed files with 6 additions and 13 deletions

View File

@ -117,6 +117,7 @@ export default function PartnersSection() {
>
<div className="max-w-7xl mx-auto px-12 pt-24 pb-20 max-md:px-5 max-md:pt-16 max-md:pb-14">
<div
className="max-md:grid-cols-1"
style={{
display: 'grid',
gridTemplateColumns: '1fr auto',

View File

@ -211,11 +211,10 @@ function EnterpriseCard() {
background: 'var(--paper)',
padding: '28px 32px',
display: 'grid',
gridTemplateColumns: '1fr 1fr',
gap: '32px',
alignItems: 'start',
}}
className="mq-stack max-md:grid-cols-1 max-md:gap-6 max-md:p-6"
className="grid grid-cols-2 max-md:grid-cols-1 max-md:gap-6 max-md:p-6"
>
{/* Left: description */}
<div>
@ -260,12 +259,8 @@ function EnterpriseCard() {
{/* Right: feature grid */}
<div
className="mq-stack"
style={{
display: 'grid',
gridTemplateColumns: '1fr 1fr',
gap: '8px 18px',
}}
className="grid grid-cols-2 max-sm:grid-cols-1"
style={{ gap: '8px 18px' }}
>
{enterpriseFeatures.map(f => (
<div key={f} style={{ display: 'flex', alignItems: 'center', gap: 7 }}>

View File

@ -189,6 +189,7 @@ export default function RiskSection() {
{/* ── Editorial header ── */}
<div className="max-w-7xl mx-auto px-12 pt-24 max-md:px-5 max-md:pt-16">
<div
className="max-md:grid-cols-1"
style={{
display: 'grid',
gridTemplateColumns: '1fr auto',

View File

@ -12,11 +12,7 @@ export default function SnapshotBar() {
}}
>
<div
style={{
display: 'grid',
gridTemplateColumns: 'repeat(4, 1fr)',
}}
className="mq-stack-2 max-w-7xl mx-auto w-full px-12 max-md:px-6 max-md:grid-cols-2"
className="grid grid-cols-4 max-md:grid-cols-2 max-w-7xl mx-auto w-full px-12 max-md:px-6"
>
{prices.map((price, idx) => {
const isLast = idx === prices.length - 1