Skip to content

Commit ee7ccaf

Browse files
davidagustindavidagustin
committed
fix: correct hero section layout and element positioning
1 parent 9d38692 commit ee7ccaf

File tree

8 files changed

+63
-13
lines changed

8 files changed

+63
-13
lines changed

‎asset-manifest.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
{
22
"files": {
3-
"main.css": "/static/css/main.a89f0e8e.css",
4-
"main.js": "/static/js/main.85185bc3.js",
3+
"main.css": "/static/css/main.a0100632.css",
4+
"main.js": "/static/js/main.630565be.js",
55
"index.html": "/index.html",
6-
"main.a89f0e8e.css.map": "/static/css/main.a89f0e8e.css.map",
7-
"main.85185bc3.js.map": "/static/js/main.85185bc3.js.map"
6+
"main.a0100632.css.map": "/static/css/main.a0100632.css.map",
7+
"main.630565be.js.map": "/static/js/main.630565be.js.map"
88
},
99
"entrypoints": [
10-
"static/css/main.a89f0e8e.css",
11-
"static/js/main.85185bc3.js"
10+
"static/css/main.a0100632.css",
11+
"static/js/main.630565be.js"
1212
]
1313
}

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="David Agustin - Full Stack Developer specializing in React, Next.js, AI/ML, and modern web technologies. View my projects and experience."/><meta name="keywords" content="David Agustin, Full Stack Developer, React, Next.js, AI, Machine Learning, Web Development, Portfolio"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><title>David Agustin - Full Stack Developer Portfolio</title><script defer="defer" src="/static/js/main.85185bc3.js"></script><link href="/static/css/main.a89f0e8e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="David Agustin - Full Stack Developer specializing in React, Next.js, AI/ML, and modern web technologies. View my projects and experience."/><meta name="keywords" content="David Agustin, Full Stack Developer, React, Next.js, AI, Machine Learning, Web Development, Portfolio"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"><title>David Agustin - Full Stack Developer Portfolio</title><script defer="defer" src="/static/js/main.630565be.js"></script><link href="/static/css/main.a0100632.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎src/components/Hero.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ const Hero: React.FC = () => {
1414
</div>
1515

1616
<div className="container mx-auto px-4 relative z-10">
17-
<div className="grid lg:grid-cols-2 gap-12 items-center">
17+
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
1818
{/* Content */}
1919
<motion.div
2020
className="text-white"
@@ -108,26 +108,26 @@ const Hero: React.FC = () => {
108108

109109
{/* Tech Stack & Stats */}
110110
<motion.div
111-
className="flex flex-col items-center gap-8"
111+
className="flex flex-col items-center gap-6 lg:gap-8"
112112
initial={{ opacity: 0, x: 50 }}
113113
animate={{ opacity: 1, x: 0 }}
114114
transition={{ duration: 0.8, delay: 0.3 }}
115115
>
116116
{/* Tech Stack */}
117-
<div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-2 gap-4 sm:gap-6 w-full max-w-md">
117+
<div className="grid grid-cols-3 gap-3 sm:gap-4 w-full max-w-xs sm:max-w-sm lg:max-w-md">
118118
{TECH_STACK.map((tech) => (
119119
<motion.div
120120
key={tech.name}
121-
className="flex flex-col items-center gap-2 p-4 sm:p-6 bg-white/25 backdrop-blur-md rounded-2xl border border-white/40 transition-all duration-300 cursor-pointer hover:bg-white/35 hover:border-white/50 shadow-lg"
121+
className="flex flex-col items-center gap-1 sm:gap-2 p-2 sm:p-3 lg:p-4 bg-white/25 backdrop-blur-md rounded-lg sm:rounded-xl border border-white/40 transition-all duration-300 cursor-pointer hover:bg-white/35 hover:border-white/50 shadow-lg"
122122
initial={{ opacity: 0, scale: 0 }}
123123
animate={{ opacity: 1, scale: 1 }}
124124
transition={{ duration: 0.5, delay: 0.5 }}
125125
whileHover={{ scale: 1.05, y: -5 }}
126126
>
127127
<div style={{ color: tech.color }}>
128-
<tech.icon className="text-3xl sm:text-4xl mb-2" />
128+
<tech.icon className="text-xl sm:text-2xl lg:text-3xl mb-1" />
129129
</div>
130-
<span className="font-bold text-white text-xs sm:text-sm text-center">
130+
<span className="font-bold text-white text-xs text-center leading-tight">
131131
{tech.name}
132132
</span>
133133
</motion.div>

‎static/css/main.a0100632.css‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/css/main.a0100632.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/js/main.630565be.js‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎static/js/main.630565be.js.LICENSE.txt‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
/**
2+
* @license React
3+
* react-dom.production.min.js
4+
*
5+
* Copyright (c) Facebook, Inc. and its affiliates.
6+
*
7+
* This source code is licensed under the MIT license found in the
8+
* LICENSE file in the root directory of this source tree.
9+
*/
10+
11+
/**
12+
* @license React
13+
* react-jsx-runtime.production.min.js
14+
*
15+
* Copyright (c) Facebook, Inc. and its affiliates.
16+
*
17+
* This source code is licensed under the MIT license found in the
18+
* LICENSE file in the root directory of this source tree.
19+
*/
20+
21+
/**
22+
* @license React
23+
* react.production.min.js
24+
*
25+
* Copyright (c) Facebook, Inc. and its affiliates.
26+
*
27+
* This source code is licensed under the MIT license found in the
28+
* LICENSE file in the root directory of this source tree.
29+
*/
30+
31+
/**
32+
* @license React
33+
* scheduler.production.min.js
34+
*
35+
* Copyright (c) Facebook, Inc. and its affiliates.
36+
*
37+
* This source code is licensed under the MIT license found in the
38+
* LICENSE file in the root directory of this source tree.
39+
*/

‎static/js/main.630565be.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)