diff --git a/new-dti-website/components/courses/Experiences.tsx b/new-dti-website/components/courses/Experiences.tsx
index 1f964f9b..7dc824f9 100644
--- a/new-dti-website/components/courses/Experiences.tsx
+++ b/new-dti-website/components/courses/Experiences.tsx
@@ -10,12 +10,19 @@ interface IconProps {
export default function Experiences({ icon, title, description }: IconProps) {
return (
<>
-
+
-
{description}
+
{description}
>
);
diff --git a/new-dti-website/src/app/courses/page.tsx b/new-dti-website/src/app/courses/page.tsx
index 66c4558c..cb514a32 100644
--- a/new-dti-website/src/app/courses/page.tsx
+++ b/new-dti-website/src/app/courses/page.tsx
@@ -38,6 +38,7 @@ export default function Courses() {
return (
<>
+ {/* Hero Section */}
-
+
OUR
COURSE
@@ -63,14 +64,16 @@ export default function Courses() {
-
+
Teaching the{' '}
community
-
+
A project team is meant, above all, to be a learning experience. Given our mission
- of community impact, we want to help everyone learn and grow through our training
- course in product development.{' '}
+ of community impact, we want
+ to help everyone learn and grow{' '}
+ through our training course in{' '}
+ product development.{' '}
@@ -90,19 +93,20 @@ export default function Courses() {
height={450}
alt="Trends Logo"
unoptimized
+ className="w-72 md:w-96 lg:w-[450px]"
/>
-
+
MODERN INDUSTRY-LEADING TECHNOLOGY
-
+
Trends in Web Development
-
+
Trends in Web Development in a 2-credit S/U course that showcase modern full-stack
development and best practices used within industry. We cover technologies like
TypeScript, React, Node.js, Firebase, Express and more, all of which are deployed at
@@ -153,7 +157,7 @@ export default function Courses() {
{/* STYLING SECTION */}
-