Skip to content

Commit ad8e1d4

Browse files
committed
minimize text size with mobile
1 parent 389f7f1 commit ad8e1d4

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

src/components/Intro.js

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const ProjectIntroduction = ({ className }) => {
1717
>
1818
<div className="max-w-screen-xl mx-auto">
1919
{/* Main Header */}
20-
<h2 className="flex items-center text-4xl font-extrabold mb-8 text-black">
20+
<h2 className="flex items-center text-2xl sm:text-4xl font-extrabold mb-8 text-black">
2121
<FaBullseye className="mr-3 text-green-400" />
2222
Introduction
2323
</h2>
@@ -27,11 +27,11 @@ const ProjectIntroduction = ({ className }) => {
2727
{/* Main Content Column */}
2828
<div className="lg:w-2/3">
2929
{/* Our Mission */}
30-
<h3 className="flex items-center text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-200 transition-colors duration-300 shadow">
30+
<h3 className="flex items-center text-xl sm:text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-200 transition-colors duration-300 shadow">
3131
<FaLightbulb className="mr-2 text-green-400" />
3232
Our Mission
3333
</h3>
34-
<p className="text-lg leading-relaxed mb-8">
34+
<p className="text-md sm:text-lg leading-relaxed mb-8">
3535
Our mission at <span className="font-bold">stacchain</span> is to
3636
help revolutionize geospatial data management by ensuring data
3737
integrity and provenance through blockchain-based verification. We
@@ -44,11 +44,11 @@ const ProjectIntroduction = ({ className }) => {
4444
</p>
4545

4646
{/* Overview */}
47-
<h3 className="flex items-center text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-200 transition-colors duration-300 shadow">
47+
<h3 className="flex items-center text-xl sm:text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-200 transition-colors duration-300 shadow">
4848
<FaGlobe className="mr-2 text-green-400" />
4949
Overview
5050
</h3>
51-
<p className="text-lg leading-relaxed mb-8">
51+
<p className="text-md sm:text-lg leading-relaxed mb-8">
5252
<span className="font-bold">stacchain</span> is a pioneering
5353
platform that aims to assist with bringing together the geospatial
5454
community into a unified, secure, and efficient ecosystem. By
@@ -62,11 +62,11 @@ const ProjectIntroduction = ({ className }) => {
6262
</p>
6363

6464
{/* Empowering Innovation and Collaboration */}
65-
<h3 className="flex items-center text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-300 transition-colors duration-300 shadow">
65+
<h3 className="flex items-center text-xl sm:text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-300 transition-colors duration-300 shadow">
6666
<FaHandsHelping className="mr-2 text-green-400" />
6767
Empowering Innovation and Collaboration
6868
</h3>
69-
<p className="text-lg leading-relaxed mb-8">
69+
<p className="text:md sm:text-lg leading-relaxed mb-8">
7070
At the heart of <span className="font-bold">stacchain</span> is
7171
the belief that accessible and reliable geospatial data can drive
7272
innovation and solve real-world problems. By enabling users to
@@ -83,11 +83,11 @@ const ProjectIntroduction = ({ className }) => {
8383
</p>
8484

8585
{/* Economic Incentives and Sustainable Growth */}
86-
<h3 className="flex items-center text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-300 transition-colors duration-300 shadow">
86+
<h3 className="flex items-center text-xl sm:text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-300 transition-colors duration-300 shadow">
8787
<FaCoins className="mr-2 text-green-400" />
8888
Economic Incentives and Sustainable Growth
8989
</h3>
90-
<p className="text-lg leading-relaxed mb-8">
90+
<p className="text-md sm:text-lg leading-relaxed mb-8">
9191
<span className="font-bold">stacchain</span> integrates economic
9292
incentives into its ecosystem to promote secure data sharing and
9393
access. Data providers can monetize their contributions, ensuring
@@ -101,11 +101,11 @@ const ProjectIntroduction = ({ className }) => {
101101
</p>
102102

103103
{/* A Vision for the Future */}
104-
<h3 className="flex items-center text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-300 transition-colors duration-300 shadow">
104+
<h3 className="flex items-center text-xl sm:text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-300 transition-colors duration-300 shadow">
105105
<FaLightbulb className="mr-2 text-green-400" />A Vision for the
106106
Future
107107
</h3>
108-
<p className="text-lg leading-relaxed mb-8">
108+
<p className="text:md sm:text-lg leading-relaxed mb-8">
109109
Our vision extends beyond building a platform—we aim to help
110110
reshape the geospatial landscape by making data more accessible,
111111
secure, and valuable for everyone. By uniting data creators and
@@ -117,11 +117,11 @@ const ProjectIntroduction = ({ className }) => {
117117
</p>
118118

119119
{/* Dedication to Open Source */}
120-
<h3 className="flex items-center text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-300 transition-colors duration-300 shadow">
120+
<h3 className="flex items-center text-xl sm:text-2xl font-bold mb-6 bg-gray-100 text-black px-3 py-1 rounded-md border-1 border-gray-200 hover:bg-gray-300 transition-colors duration-300 shadow">
121121
<FaCode className="mr-2 text-green-400" />
122122
Dedication to Open Source
123123
</h3>
124-
<p className="text-lg leading-relaxed mb-8">
124+
<p className="text-md sm:text-lg leading-relaxed mb-8">
125125
At <span className="font-bold">stacchain</span>, we are deeply
126126
committed to the principles of open source. We believe that
127127
collaboration, transparency, and shared knowledge are the

0 commit comments

Comments
 (0)