Minor update to CSS and functionality

samples/react-at-a-glance/src/webparts/newsGlance/NewsGlanceWebPart.ts

@@ -77,6 +77,10 @@ export default class NewsGlanceWebPart extends BaseClientSideWebPart<INewsGlance
     let element: any;
 
     if (this.width < 400) {
+      this.sentences = this.sentences.map(sentence => {
+        return sentence.length > 100 ? `${sentence.slice(0, 100)}...` : sentence;
+      });
+
       element = React.createElement(
         NewsGlanceSmall,
         {

samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceLarge.module.scss

@@ -25,13 +25,12 @@
   }
 
   .leftItem {
-    max-width: 150px;
-    object-fit: contain;
-    align-self: flex-start;
+    max-width: 200px;
+    flex: 1;
   }
 
   .rightItem {
-    flex: 1 1 auto;
+    flex: 2;
   }
 
   .articleImage {

samples/react-at-a-glance/src/webparts/newsGlance/components/NewsGlanceSmall.module.scss

@@ -8,10 +8,8 @@
 
   .carouselItem {
     background-color: $ms-color-themeDark;
-    // display: flex;
     min-height: 150px;
     height: 98%;
-    // justify-content: center;
   }
 
   .carouselDotList {