diff --git a/src/components/blob-link/blob-link.module.css b/src/components/blob-link/blob-link.module.css index d6eb4e567..9c4a06107 100644 --- a/src/components/blob-link/blob-link.module.css +++ b/src/components/blob-link/blob-link.module.css @@ -5,12 +5,25 @@ text-decoration: none; position: relative; transition: opacity 200ms ease-out; + grid-template-rows: 1fr; } +.blobContainer, +.linkContent { + grid-area: 1 / 1; +} + +.linkContent { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + .blobLink span { display: block; font-size: 1.3rem; line-height: 1.5rem; - padding: 2rem; + padding: 0 2rem; color: var(--color-secondary1__tint1--text); text-align: center; } @@ -18,19 +31,9 @@ opacity: 0.8; } -.blobLink * { - grid-column: 1/2; - grid-row: 1/2; -} - -.blobLink svg { - max-width: 100%; -} .blobLinkArrow { - position: absolute; - top: 60%; - left: 30%; - width: 40%; + display: block; + max-width: 50%; } @media (max-width: 600px) { diff --git a/src/components/blob-link/index.tsx b/src/components/blob-link/index.tsx index f875a9da0..59c5d5eee 100644 --- a/src/components/blob-link/index.tsx +++ b/src/components/blob-link/index.tsx @@ -24,14 +24,16 @@ export default function BlobLink({ }: BlobLinkProps) { return ( -
+
+ /> +
+
{text}
diff --git a/src/stavanger/index.tsx b/src/stavanger/index.tsx index cce28e8de..24087780e 100644 --- a/src/stavanger/index.tsx +++ b/src/stavanger/index.tsx @@ -81,9 +81,9 @@ const Stavanger: NextPage> = ({

- I løpet av høsten og vinteren skal vi etablere oss i vakre Stavanger. - Da trenger vi folk, dyktige folk, mye folk! Vil du være med å forme et - annerledes konsulentselskap? + I løpet av høsten og vinteren skal vi etablere oss i vakre + Stavanger. Da trenger vi folk, dyktige folk, mye folk! Vil du være + med å forme et annerledes konsulentselskap?

Les mer om oss og våre verdier i{' '} @@ -107,9 +107,9 @@ const Stavanger: NextPage> = ({

Så, hvorfor Stavanger?

- Den korte oppsummeringen er; Stavanger har et spesielt viktig marked i landet og - mange spennedne kunder. I tillegg spennende fagmiljøer og studiesteder, og ikke minst - spennende folk. + Den korte oppsummeringen er; Stavanger har et spesielt viktig + marked i landet og mange spennedne kunder. I tillegg spennende + fagmiljøer og studiesteder, og ikke minst spennende folk.

@@ -117,9 +117,10 @@ const Stavanger: NextPage> = ({ 2018 har vi hatt stor vekst. Variant-konseptet har blitt veldig godt mottatt og vi får også tilbakemeldinger på at vi har inspirert andre. Vi ønsker derfor å spre verdiene og tankesettene - våre videre. Bærekraft har vært viktig for oss siden -, for alltid egentlig. - Vi mener at i akkurat i Stavanger kan kanskje i større grad enn noe annet sted faktisk - jobbe med bærekraftsutfordinger som faktisk betyr noe. + våre videre. Bærekraft har vært viktig for oss siden -, for alltid + egentlig. Vi mener at i akkurat i Stavanger kan kanskje i større + grad enn noe annet sted faktisk jobbe med bærekraftsutfordinger + som faktisk betyr noe.

> = ({ />

- Vi lærte mye fra oppstarten i Oslo og Bergen som vi ønsker å ta med oss - sør-vestover. Jo flere selskaper vi har, jo flere stemmer får vi inn på vårt bord. Dette skaper bedre - perpektiver og bedre beslutninger. Stavanger vil gi oss enda en stemme og nye + Vi lærte mye fra oppstarten i Oslo og Bergen som vi ønsker å ta + med oss sør-vestover. Jo flere selskaper vi har, jo flere stemmer + får vi inn på vårt bord. Dette skaper bedre perpektiver og bedre + beslutninger. Stavanger vil gi oss enda en stemme og nye perspektiver inn i det som begynner å bli et stort Variant-fellesskap.

@@ -146,17 +148,15 @@ const Stavanger: NextPage> = ({ .

-
- + - - {listings.length > 0 && (

Høres det interessant ut?

diff --git a/src/stavanger/stavanger.module.css b/src/stavanger/stavanger.module.css index b4f550959..15f6dc2ff 100644 --- a/src/stavanger/stavanger.module.css +++ b/src/stavanger/stavanger.module.css @@ -30,8 +30,7 @@ } .timelineButton { - float: right; - margin-top: 7rem; + margin-top: 5rem; } .timelineButton span { max-width: 220px;