public responsive

This commit is contained in:
Carl-Gerhard Lindesvärd
2024-02-06 11:09:50 +01:00
parent 80face316e
commit 10d33c0035

View File

@@ -132,8 +132,13 @@ export function Section({
return ( return (
<div key={title} className={'border-b border-border'}> <div key={title} className={'border-b border-border'}>
<div className="w-full max-w-6xl mx-auto px-4"> <div className="w-full max-w-6xl mx-auto px-4">
<div className={cn('flex py-16', reverse && 'flex-row-reverse')}> <div
<div className="w-1/2 flex-shrink-0 justify-center items-center flex"> className={cn(
'flex py-16 flex-col justify-center',
reverse ? 'md:flex-row' : 'md:flex-row-reverse'
)}
>
<div className="md:w-1/2 flex-shrink-0 justify-center items-center flex max-md:mb-8 overflow-hidden rounded-lg">
<div className="bg-slate-50 rounded-3xl"> <div className="bg-slate-50 rounded-3xl">
<Blob <Blob
style={{ fill: color }} style={{ fill: color }}