rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19: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

5
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" 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> <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) => ( {featuredCourses.map((course: any) => (
<div key={course.course_uuid} className="w-full flex justify-center">
<CourseThumbnailLanding <CourseThumbnailLanding
key={course.course_uuid}
course={course} course={course}
orgslug={orgslug} orgslug={orgslug}
/> />
</div>
))} ))}
{featuredCourses.length === 0 && ( {featuredCourses.length === 0 && (
<div className="col-span-full text-center py-6 text-gray-500"> <div className="col-span-full text-center py-6 text-gray-500">