fix: overflow issue between 661px and 800px widths (#3237)

* fix overflow issue at specific screen width range * fix spacing in fast-frame styles * change max-width on fast-frame * remove section class on fast-frame-section Co-authored-by: Michael Benson <[email protected]>
microsoft · Jun 9, 2020 · ebdade6 · ebdade6
1 parent 73439d1
commit ebdade6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/sites/fast-website/src/app/components/fast-frame/fast-frame.styles.ts b/sites/fast-website/src/app/components/fast-frame/fast-frame.styles.ts
@@ -24,6 +24,7 @@ export const FastFrameStyles = css`
 
     :host {
         --gutter: 20;
+        max-width: 100vw;
     }
 
     .icon {

diff --git a/sites/fast-website/src/public/index.html b/sites/fast-website/src/public/index.html
@@ -50,7 +50,7 @@ <h1 class="section-heading-hero">The adaptive interface system for modern web ex
           </div>
         </section>
 
-        <section class="section fast-frame-section" id="adaptive-ui">
+        <section class="fast-frame-section" id="adaptive-ui">
           <div class="section-content">
             <site-section-header class="fast-frame-header">
               <fast-badge slot="badge" class="section-badge">FLEXIBLE AND ADAPTABLE</fast-badge>
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,6 +24,7 @@ export const FastFrameStyles = css` @@
         :host {
             --gutter: 20;
+            max-width: 100vw;
         }
         .icon {
@@ Expand Down @@