Skip to content
This repository has been archived by the owner on Feb 9, 2024. It is now read-only.

Fix/mobile banner width #9

Merged
merged 3 commits into from
Jun 1, 2023
Merged

Fix/mobile banner width #9

merged 3 commits into from
Jun 1, 2023

Conversation

fisher60
Copy link
Member

@fisher60 fisher60 commented Jun 1, 2023

Minor tweaks to fix banner SVG across browsers and devices. Tweaked some of the wording on about sections while I was at it.

On some browsers/devices the SVG in the banner was ignoring the w-screen directive and not filling the screen. I have scaled up the SVG to fix this issue. I also scaled up the entire SVG to look a bit better on all devices. I increased the negative y margin to support the larger size. This may need testing as this type of hard-coding tends to be fragile. Testing on 1080 monitor and multiple responsive settings. Should be tested to support 1440 as well, may need new media queries to support this screen size.
Change 'business network management' to 'search engine optimization', sort about section bullet points.
The styling to increase the SVG scale reintroduced the unexpected line between the main banner div and the SVG. Tweaked the margin on the SVG container div to fix line. Removed negative margine on SVG due to being redundant.
@fisher60 fisher60 merged commit a5756f6 into main Jun 1, 2023
1 check passed
@fisher60 fisher60 deleted the fix/mobile-banner-width branch June 1, 2023 21:11
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant