search

NoroffFEU / musikkforandrerliv.no

https://norofffeu.github.io/musikkforandrerliv.no/
The Unlicense
13 stars 9 forks source link

Limit content width on widescreens (Contact page) #1218

Closed tomive01888 closed 1 month ago

tomive01888 commented 1 month ago

✅ What does this PR do? Adds a maximum width limitation to the Contact page to prevent layout from stretching too far on widescreens (1920px and above).

📌 Description of Task to be completed?

🧪 How should this be manually tested?

  1. Open the Contact page on a screen wider than 1920px.
  2. Confirm that the content no longer stretches edge to edge but is centered with a max width of 1200px.
  3. Resize the window below 1920px to verify the layout still adapts properly on smaller screens.

📎 Any background context you want to provide? This change improves readability and visual consistency across pages by aligning the layout behavior with the MissionStatement page, which already avoids excessive width on large screens.

PS: As a person with a widescreen larger than 1920 myself. It's easier for me to test this, but you could mock it via a website such as Screenfly. As it can mock all screen sizes using the custom setting for screen size.

HOW: enter localhost link as url click (C) to enter your desired mock values of a screen.

netlify[bot] commented 1 month ago

Deploy Preview for musikkforandrerliv ready!

Name Link
Latest commit c6d9faaca441cd8e2859fbf10523edef49916a86
Latest deploy log https://app.netlify.com/projects/musikkforandrerliv/deploys/68408f5da03d2d00085b5cb7
Deploy Preview https://deploy-preview-1218--musikkforandrerliv.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

senbet22 commented 1 month ago

Well done! :)) @tomive01888