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 = () => {
|
const TrainingGridMobile = () => {
|
||||||
return (
|
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) => (
|
{trainingList.map((training) => (
|
||||||
<div key={training.name}>
|
<div key={training.name} >
|
||||||
<Training training={training} className="mx-auto max-w-2xl" />
|
<Training training={training} />
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Reference in a new issue