This repository has been archived by the owner on Oct 29, 2020. It is now read-only.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What's this PR do?
Fix overflow issue in Step 4 of the campaign template.
So this is happening because we switched container spacing to use margins rather than padding. On mobile, the container block's margin is collapsing and being lost outside the container... but on desktop, this doesn't happen because the
float: left;
on the.container > .wrapper
creates a new block formatting context.I think a good fix would be to add a universal
float: left
to all.container > .wrapper
s, regardless of breakpoint. It's a bit weird, but has less potential side effects than adding anoverflow: hidden
I think...How should this be manually tested?
Idk, look at things do they look nice? 👀
Any background context you want to provide?
Gah. CSS, am I right?
I'll update this in a Forge patch release too but wanted to get a PR up to unblock today's deploy!
What are the relevant tickets?
Fixes #6363. Fixes #6364.
For review: @DoSomething/front-end