fix: style components to add responsivity

This commit is contained in:
Christel Westerberg
2024-02-13 13:28:30 +01:00
parent c578432a66
commit 5689e68610
21 changed files with 206 additions and 124 deletions

View File

@@ -6,8 +6,9 @@ import Preamble from "@/components/Current/Preamble"
import Section from "@/components/Current/Section"
import SubnavMobile from "@/components/Current/SubnavMobile"
import type { ContentPageProps } from "@/types/components/current/contentPage"
import styles from "./contentPage.module.css"
import type { ContentPageProps } from "@/types/components/current/contentPage"
export default function ContentPage({ data, lang, uri }: ContentPageProps) {
const page = data.all_current_blocks_page.items[0]
@@ -19,7 +20,7 @@ export default function ContentPage({ data, lang, uri }: ContentPageProps) {
<>
<Header lang={lang} pathname={uri} />
{images?.totalCount ? <Hero images={images.edges} /> : null}
<main className="main l-sections-wrapper" id="maincontent" role="main">
<main className={styles.wrapper} id="maincontent" role="main">
<input
id="lbl-personalized-areas"
name="lbl-personalized-areas"