omgitsalexl/noel-design-atelier
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Removed boarders, fixed overlapping header

Browse Source
This commit is contained in:
omgitsalexl
2026-09-08 14:32:07 -07:00
parent 1dccd1c64a
commit a3e6014dc7
2 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -15,7 +15,7 @@
href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap" href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap"
rel="stylesheet" rel="stylesheet"
> >
<link rel="stylesheet" href="styles.css?version=dynamic-headline-contrast-filter-test"> <link rel="stylesheet" href="styles.css?version=philosophy-layout-and-image-border-fix">
</head> </head>
<body id="top"> <body id="top">
styles.css
+36 -5
View File
@@ -310,7 +310,6 @@ ul {
width: 100%; width: 100%;
min-height: 12rem; min-height: 12rem;
padding: clamp(1.5rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 3rem);
border: 1px solid rgba(14, 14, 14, 0.5);
background: var(--color-photography-placeholder); background: var(--color-photography-placeholder);
color: var(--color-noel-black); color: var(--color-noel-black);
text-align: center; text-align: center;
@@ -387,12 +386,16 @@ ul {
.philosophy-image-figure { .philosophy-image-figure {
grid-column: 1 / 5; grid-column: 1 / 5;
grid-row: 1;
min-width: 0;
} }
.editorial-statement-title { .editorial-statement-title {
grid-column: 5 / 9; grid-column: 5 / 10;
grid-row: 1;
min-width: 0;
font-family: var(--font-family-editorial); font-family: var(--font-family-editorial);
font-size: clamp(2.4rem, 4vw, 4.5rem); font-size: clamp(2.4rem, 4vw, 4.15rem);
font-weight: 400; font-weight: 400;
letter-spacing: 0.035em; letter-spacing: 0.035em;
line-height: 1.03; line-height: 1.03;
@@ -406,7 +409,9 @@ ul {
} }
.philosophy-supporting-copy { .philosophy-supporting-copy {
grid-column: 9 / 13; grid-column: 10 / 13;
grid-row: 1;
min-width: 0;
max-width: 32rem; max-width: 32rem;
color: var(--color-softened-black); color: var(--color-softened-black);
font-size: 0.95rem; font-size: 0.95rem;
@@ -846,6 +851,29 @@ ul {
text-transform: uppercase; text-transform: uppercase;
} }
@media (min-width: 64.0625rem) and (max-width: 80rem) {
.philosophy-content-grid {
align-items: start;
}
.philosophy-image-figure {
grid-column: 1 / 6;
grid-row: 1 / span 2;
}
.editorial-statement-title {
grid-column: 6 / 13;
grid-row: 1;
}
.philosophy-supporting-copy {
grid-column: 6 / 13;
grid-row: 2;
max-width: 32rem;
margin-top: 2rem;
}
}
@media (max-width: 64rem) { @media (max-width: 64rem) {
.homepage-hero-section { .homepage-hero-section {
min-height: auto; min-height: auto;
@@ -870,16 +898,19 @@ ul {
.philosophy-image-figure { .philosophy-image-figure {
grid-column: 1 / 6; grid-column: 1 / 6;
grid-row: 1 / span 2;
} }
.editorial-statement-title { .editorial-statement-title {
grid-column: 6 / 13; grid-column: 6 / 13;
grid-row: 1;
} }
.philosophy-supporting-copy { .philosophy-supporting-copy {
grid-column: 6 / 13; grid-column: 6 / 13;
grid-row: 2;
max-width: 32rem; max-width: 32rem;
margin-top: 1rem; margin-top: 2rem;
} }
.approach-supporting-copy { .approach-supporting-copy {