From b8b5e65497419cf7d31b758618445ae276f8e266 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sat, 16 May 2026 19:04:27 +0300
Subject: [PATCH] feat: constrain section content width with max-w-section

Adds max-w-section (56rem via --container-section token) to the
experience, projects, and skills section wrappers for consistent
readable line length across all content areas.
---
 .../ui/ExperienceSection/ExperienceSection.tsx                  | 2 +-
 .../ProjectsSection/ui/ProjectsSection/ProjectsSection.tsx      | 2 +-
 src/widgets/SkillsSection/ui/SkillsSection/SkillsSection.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/widgets/ExperienceSection/ui/ExperienceSection/ExperienceSection.tsx b/src/widgets/ExperienceSection/ui/ExperienceSection/ExperienceSection.tsx
index b7db91f..a0bedc9 100644
--- a/src/widgets/ExperienceSection/ui/ExperienceSection/ExperienceSection.tsx
+++ b/src/widgets/ExperienceSection/ui/ExperienceSection/ExperienceSection.tsx
@@ -13,7 +13,7 @@ export default async function ExperienceSection() {
   });
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 max-w-section">
       {items.map((exp) => (
         <ExperienceCard
           key={exp.id}
diff --git a/src/widgets/ProjectsSection/ui/ProjectsSection/ProjectsSection.tsx b/src/widgets/ProjectsSection/ui/ProjectsSection/ProjectsSection.tsx
index 56a0f46..53209ce 100644
--- a/src/widgets/ProjectsSection/ui/ProjectsSection/ProjectsSection.tsx
+++ b/src/widgets/ProjectsSection/ui/ProjectsSection/ProjectsSection.tsx
@@ -25,7 +25,7 @@ export default async function ProjectsSection() {
   });
 
   return (
-    <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-section">
       {items.map((project) => (
         <ProjectCard
           key={project.id}
diff --git a/src/widgets/SkillsSection/ui/SkillsSection/SkillsSection.tsx b/src/widgets/SkillsSection/ui/SkillsSection/SkillsSection.tsx
index 5adccfb..1688784 100644
--- a/src/widgets/SkillsSection/ui/SkillsSection/SkillsSection.tsx
+++ b/src/widgets/SkillsSection/ui/SkillsSection/SkillsSection.tsx
@@ -20,7 +20,7 @@ export default async function SkillsSection() {
   const categories = groupByKey(data.items, 'category');
 
   return (
-    <div className="space-y-12">
+    <div className="space-y-12 max-w-section">
       {Object.entries(categories).map(([category, items]) => (
         <div key={category} className="space-y-4">
           <h3 className="text-xl font-bold uppercase tracking-widest opacity-50">{category}</h3>