Simplify homepage copy and adjust spacing for better mobile layout

This commit is contained in:
Ovidiu U
2026-03-13 11:27:04 +00:00
parent 123830a27e
commit ee3c07b9ef
2 changed files with 11 additions and 5 deletions

View File

@@ -138,7 +138,7 @@ a {
background: var(--black);
padding: 1rem;
max-width: clamp(280px, 40vw, 550px);
margin-bottom: 1rem;
margin-bottom: 2rem;
border-left: 8px solid var(--accent);
}
@@ -146,6 +146,12 @@ a {
BUTTONS - INDUSTRIAL ACTUATORS
======================================== */
.hero-cta {
display: flex;
gap: 1.5rem;
align-items: center;
}
.btn {
display: inline-block;
font-family: var(--mono);
@@ -182,7 +188,7 @@ a {
======================================== */
.section {
padding: 5rem 3rem;
padding: 3rem 2.5rem;
background: var(--grey-light);
border: var(--border-thick);
margin-bottom: 2rem;

View File

@@ -18,8 +18,8 @@ require __DIR__.'/includes/header.php';
<section id="about" class="section">
<div class="section-label">001 — About</div>
<div class="section-content">
<p class="large-text">I'm a PHP/MySQL developer based in Peterborough. I build custom web apps, backend systems, and the kind of tools businesses actually need but can't find off the shelf.</p>
<p>Most of my work is ERP systems, booking tools, and bespoke admin backends. I use PHP and MySQL because they're the right tools for what I build — not because I haven't heard of anything else. Performance matters. So does code you can actually read six months later.</p>
<p class="large-text">I'm a web developer based in Peterborough. I build websites and online tools for small businesses — things like booking systems, customer dashboards, and the bits that make your day-to-day easier to manage.</p>
<p>Whether you need a fresh website, an online booking page for your garage, or a simple system to keep track of jobs and customers — I'll build it quickly, affordably, and without the jargon.</p>
</div>
</section>
@@ -53,7 +53,7 @@ require __DIR__.'/includes/header.php';
<div class="section-label">003 — Work</div>
<div class="section-content">
<p class="large-text">A few recent builds.</p>
<a href="/portfolio" class="btn">View Portfolio →</a>
<a href="/portfolio" class="btn">View Work →</a>
</div>
</section>