Fix mobile grid overrides — remove inline gridTemplateColumns blocking Tailwind breakpoints
This commit is contained in:
parent
10003c0ff3
commit
9e9dd96114
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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 }}>
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue