Media Query Team: Create Fixed Max-Width Style Component

[benjaminskarding]

Title: Implement Fixed Max-Width Style Component

• This is needed for uniform content presentation across all pages, especially ultrawide screen resolutions.

Task: Create a reusable style component to:

• [x] Set content max width to 1440px.

• [x] Center content at this point and onward so that it does not keep stretching out on ultrawide screen resolutions.

• [x] Ensure header and footer backgrounds (bg-color) extend the full width of the page, while their main content (text and such) remains constrained to the max-width limit like other page content.

• [x] Fill excess space on screens wider than 1440px with white background (body)

• [x] Follow QA dev rules

• [x] Test

• [x] Checked by QA

• This component will be used for all content that goes on pages

Example image from VG.no on ultrawide resolution:

[IlyaAdlan]

I checked up on the max-width and it seems that the some of the content inside is larger than max-width 1440, which may also be the reason on why there is horizontal scrollbar. Think this should be looked at a bit more.