CavyDev/my_portfolio
1
0
Fork 0
mirror of https://github.com/adam-benyekkou/my_portfolio.git synced 2026-01-15 20:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed contact page sizing on mobile

Browse Source
This commit is contained in:
AdamBtech
2025-05-27 15:13:46 +02:00
parent 800e5dd187
commit 2af38e8422
1 changed files with 86 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/pages/contact/contact-content/contact-content.component.html
View File

@@ -1,14 +1,13 @@
<!-- Contact content in separate container, isolated from section title -->
<div class="flex justify-center w-full contact-content-container">
<div class="max-w-5xl w-full p-6">
<!-- Contact content with proper container structure -->
<div class="max-w-6xl mx-auto contact-content-container">
<!-- Availability Status -->
<div class="inline-flex items-center gap-2 bg-nier-dark text-nier-light px-5 py-3 border border-nier-border mb-12 font-terminal text-xs uppercase tracking-wide availability-status">
<div class="inline-flex items-center gap-2 bg-nier-dark text-nier-light px-5 py-3 border border-nier-border mb-12 font-terminal text-xs uppercase tracking-wide availability-status mx-6">
<div class="w-2 h-2 bg-green-500 rounded-full animate-pulse status-dot"></div>
AVAILABLE FOR OPPORTUNITIES
</div>
<!-- Contact Grid -->
<div class="grid gap-6 w-full contact-grid">
<div class="grid grid-cols-1 gap-6 w-full max-w-md mx-auto md:max-w-none contact-grid px-6">
<!-- Primary Communication Channel -->
<a
href="mailto:adam.benyekkou@example.com"
@@ -70,7 +69,7 @@
</div>
<!-- Info Panels -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-12 w-full info-panels-container">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-12 w-full info-panels-container px-6">
<!-- Response Protocol -->
<div class="bg-nier-mid border border-nier-border p-6 info-panel">
<div class="font-terminal text-base font-medium text-nier-dark mb-3 uppercase tracking-wide info-panel-title">
@@ -96,4 +95,3 @@
</div>
</div>
</div>
</div>