feat(homepage/training): add mobile styles
This commit is contained in:
parent
7878d6185a
commit
1073c33dfe
1 changed files with 3 additions and 3 deletions
|
|
@ -43,10 +43,10 @@ const Training = ({ training, className }: TrainingProps) => {
|
|||
|
||||
const TrainingGridMobile = () => {
|
||||
return (
|
||||
<div className="-mx-4 mt-20 flex flex-col gap-y-10 overflow-hidden px-4 sm:-mx-6 sm:px-6 lg:hidden">
|
||||
<div className="-mx-4 mt-20 grid grid-cols-2 gap-x-8 gap-y-4 overflow-hidden px-4 sm:-mx-6 sm:px-6 lg:hidden">
|
||||
{trainingList.map((training) => (
|
||||
<div key={training.name}>
|
||||
<Training training={training} className="mx-auto max-w-2xl" />
|
||||
<div key={training.name} >
|
||||
<Training training={training} />
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
|
|
|||
Reference in a new issue