rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-18 20:09:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: improve course grid layout and responsiveness in landing page

Browse source
This commit is contained in:
swve 2025-03-04 23:55:39 +01:00
parent d3df80a8b2
commit 1c02a2bc6c
1 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
apps/web/components/Landings/LandingCustom.tsx
View file

@ -189,13 +189,14 @@ function LandingCustom({ landing, orgslug }: LandingCustomProps) {
className="py-16 mx-2 sm:mx-4 lg:mx-16 w-full"
>
<h2 className="text-2xl md:text-3xl font-bold text-left mb-6 text-gray-900">{section.title}</h2>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 w-full">
{featuredCourses.map((course: any) => (
<CourseThumbnailLanding
key={course.course_uuid}
course={course}
orgslug={orgslug}
/>
<div key={course.course_uuid} className="w-full flex justify-center">
<CourseThumbnailLanding
course={course}
orgslug={orgslug}
/>
</div>
))}
{featuredCourses.length === 0 && (
<div className="col-span-full text-center py-6 text-gray-500">