D8CORE-4225: clearing the floats if used in the wysiwyg for the mediu…

…m and down breakpoint (#125)
SU-SWS · Jul 7, 2021 · c98060a · c98060a
1 parent cf1935f
commit c98060a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/modules/stanford_profile_styles/dist/css/component/paragraph/react_paragraphs.css b/modules/stanford_profile_styles/dist/css/component/paragraph/react_paragraphs.css
diff --git a/modules/stanford_profile_styles/lib/scss/component/paragraph/react_paragraphs/_multirow.scss b/modules/stanford_profile_styles/lib/scss/component/paragraph/react_paragraphs/_multirow.scss
@@ -36,7 +36,10 @@
 .react-paragraphs-row {
 
   // Single item per row on screens less than and equal to md.
+  // Added the clear for when media items are floated (right or left) within the wysiwyg.
   &.flex-container {
+    clear: both;
+
     @include grid-media-max('md') {
       display: block;