From 6bde789b09bd5493caefe7173a5ff24e4eb5b401 Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 14 Mar 2026 12:34:17 +0000 Subject: [PATCH] Fix missing closing brace in ProjectTitle media query and enable xxxlarge grid layout MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Fix missing } closing the largeUp media query in ProjectTitle styled component in projectTemplate.js (was causing malformed CSS) - Enable the commented-out xxxlargeUp 4-column grid layout in projectGrid.js for screens ≥2400px wide https://claude.ai/code/session_01CoDi6mepWoDeEqKz4agmzT --- src/components/Project/projectGrid.js | 4 ++-- src/templates/projectTemplate.js | 1 + 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/Project/projectGrid.js b/src/components/Project/projectGrid.js index e950835..d99b168 100644 --- a/src/components/Project/projectGrid.js +++ b/src/components/Project/projectGrid.js @@ -29,10 +29,10 @@ const Projects = styled.section` grid-auto-rows: calc(100vw / 3 + 100px); } - /* @media ${(props) => props.theme.xxxlargeUp} { + @media ${(props) => props.theme.xxxlargeUp} { grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: calc(25vw + 100px); - } */ + } ` class ProjectGrid extends React.Component { constructor(props) { diff --git a/src/templates/projectTemplate.js b/src/templates/projectTemplate.js index b6c6a8e..dce8682 100644 --- a/src/templates/projectTemplate.js +++ b/src/templates/projectTemplate.js @@ -194,6 +194,7 @@ const ProjectTitle = styled.h1` @media ${(props) => props.theme.largeUp} { font-size: ${rem(32)}; + } ` const ProjectType = styled.h2`