From 2bea46c45545f08023568b1382912305f3f1edc9 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Wed, 16 Jan 2019 10:05:05 -0500
Subject: [PATCH 1/2] Set width to fix IE10 rendering on TO get started

When on a large screen, ensure the next steps don't take up more than
1/3 of the container width.
---
 styles/sections/_task_order.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index c8d12f4f..edf3c34c 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -24,6 +24,18 @@
       @include media($large-screen) {
         @include grid-row;
       }
+
+      @include ie-only {
+        width: 100%;
+        max-width: 100%;
+
+        @include media($large-screen) {
+          .col {
+            max-width: 33%;
+          }
+        }
+      }
+
     }
   }
 

From ce02cede5e5e702d37a4e6a8945132d00c88ac45 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Wed, 16 Jan 2019 14:48:50 -0500
Subject: [PATCH 2/2] Update size of screen to switch between col/row

---
 styles/sections/_task_order.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index edf3c34c..d4c4d08f 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -21,7 +21,7 @@
 
   .task-order-needs {
     .task-order-needs__list {
-      @include media($large-screen) {
+      @include media(960px) {
         @include grid-row;
       }