diff --git a/docs/_sass/_breakpoints.scss b/docs/_sass/_breakpoints.scss index 26440ef197b83..3e75c4bad1a7f 100644 --- a/docs/_sass/_breakpoints.scss +++ b/docs/_sass/_breakpoints.scss @@ -7,3 +7,9 @@ $breakpoint-wide: 1600px; @content } } + +@mixin maxBreakpoint($breakpoint) { + @media screen and (max-width: $breakpoint) { + @content + } +} diff --git a/docs/_sass/_main.scss b/docs/_sass/_main.scss index 939142cdebb0e..02cda72707bda 100644 --- a/docs/_sass/_main.scss +++ b/docs/_sass/_main.scss @@ -312,6 +312,31 @@ button { font-size: 2.25em; } } + + img { + display: block; + margin-left: auto; + margin-right: auto; + padding-bottom: 20px; + + @include maxBreakpoint($breakpoint-tablet) { + width: 100%; + height: 100%; + max-width: auto; + max-height: auto; + } + + @include breakpoint($breakpoint-tablet) { + max-width: -webkit-fill-available; + max-height: -webkit-fill-available; + } + } + + .img-wrap { + display: flex; + justify-content: space-around; + flex-wrap: wrap; + } } .link { diff --git a/docs/articles/send-money/The-Free-Plan.md b/docs/articles/send-money/The-Free-Plan.md index c7fe7780aaec6..5a5128392d4ef 100644 --- a/docs/articles/send-money/The-Free-Plan.md +++ b/docs/articles/send-money/The-Free-Plan.md @@ -21,15 +21,15 @@ The free plan is ideal for start-ups and small businesses to manage expenses. Wi - Navigate to new.expensify.com, enter your company email address, and set a password - Click the **green “+”** button and select **_New workspace_** - + Once you’ve created your Workspace, you should receive a message from Concierge encouraging you to chat with your Setup Specialist. - + - Click the link sent to you by Concierge, and your designated Setup Specialist will guide you through how to configure your company setup. - + Once you’ve completed your company setup, you should have done the following: @@ -44,8 +44,10 @@ Once you’ve completed your company setup, you should have done the following: # Managing the Free Plan To access your workspace settings, click your profile icon and then on your workspace name: - - +
+ + +
This menu allows you to manage your workspace members, issue additional Expensify Cards, and utilize this plan’s various bill pay and payment options.