Project grid fonts

Author: realstoman

src/components/projects/ProjectSingle.js

@@ -22,7 +22,7 @@ const ProjectSingle = ({ title, category, image }) => {
 						/>
 					</div>
 					<div className="text-center px-4 py-6">
-						<p className="text-2xl text-ternary-dark dark:text-ternary-light font-semibold mb-2">
+						<p className="font-general-medium text-xl md:text-2xl text-ternary-dark dark:text-ternary-light mb-2">
 							{title}
 						</p>
 						<span className="text-lg text-ternary-dark dark:text-ternary-light">

src/components/projects/ProjectsGrid.js

@@ -19,7 +19,7 @@ const ProjectsGrid = () => {
 		<section className="py-5 sm:py-10 mt-5 sm:mt-10">
 			{/* Projects grid title start */}
 			<div className="text-center">
-				<p className="text-2xl sm:text-5xl font-semibold mb-3 text-ternary-dark dark:text-ternary-light">
+				<p className="font-general-medium text-2xl sm:text-4xl mb-1 text-ternary-dark dark:text-ternary-light">
 					Projects portfolio
 				</p>
 				{/* Note: This description is commented, but if you want to have it, just uncomment it */}
@@ -32,12 +32,11 @@ const ProjectsGrid = () => {
 			{/* Filter and search projects start */}
 			<div className="mt-10 sm:mt-16">
 				<h3
-					className="
+					className="font-general-regular 
                         text-center text-secondary-dark
                         dark:text-ternary-light
                         text-md
                         sm:text-xl
-                        font-normal
                         mb-3
                         "
 				>

src/pages/Home.js

@@ -12,10 +12,10 @@ const Home = () => {
 				<ProjectsGrid></ProjectsGrid>
 			</ProjectsProvider>
 
-			<div className="mt-10 sm:mt-15 flex justify-center">
+			<div className="mt-8 sm:mt-10 flex justify-center">
 				<Link
 					to="/projects"
-					className="flex items-center px-6 py-3 rounded-lg shadow-lg hover:shadow-xl bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 text-white text-lg sm:text-xl font-medium"
+					className="font-general-medium flex items-center px-6 py-3 rounded-lg shadow-lg hover:shadow-xl bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 text-white text-lg sm:text-xl"
 					aria-label="More Projects"
 				>
 					More Projects