asset/scss/components/_accordion.scss

@@ -1,8 +1,5 @@
 .accordion-item {
   border-bottom: $global-border-archive;
-  &:not(.title).is-active {
-    background-color:$input-background;
-  }
   &:first-of-type {
     max-height: 5rem;
     .is-active{
@@ -30,22 +27,6 @@
     @include xy-cell(3);
     display:inline;
     text-align:left;
-    &.title {
-      @include xy-cell(5);
-      //width: calc(40% - 1.25rem);
-    }
-    &.curator {
-      @include xy-cell(4);
-      //width: calc(30% - 1.25rem);
-    }
-    &.collection-name {
-      @include xy-cell(2);
-      //width: calc(20% - 1.25rem);
-    }
-    &.date {
-      @include xy-cell(1);
-      //width: calc(10% - 1.25rem);
-    }
   }
 }
 

asset/scss/modules/_content.scss

@@ -214,10 +214,6 @@ main {
   }
   header {
     display: none;
-
-  //  margin-top: 2*$global-margin;
-  //  border-top: 1px solid $body-font-color;
-  //  padding: $global-padding*2 0;
   }
   main {
     @include xy-grid;
@@ -244,6 +240,39 @@ main {
     flex-direction: column;
     align-items: center;
   }
+  .accordion-item {
+    &:not(.title).is-active {
+      background-color:$input-background;
+    }
+   }
+  .accordion-title {
+    @include breakpoint(small){
+      li {
+        &.title, 
+        &.curator,
+        &.collection-name,
+        &.date {
+          @include xy-cell(12);
+        }
+      }
+    }
+    @include breakpoint(medium){
+      li {
+        &.title {
+          @include xy-cell(4);
+        }
+        &.curator {
+          @include xy-cell(5);
+        }
+        &.collection-name {
+          @include xy-cell(2);
+        }
+        &.date {
+          @include xy-cell(1);
+        }
+      }
+    }
+  }
   .accordion-content {
     padding-top: 0;
     section {
@@ -270,7 +299,7 @@ main {
       }
       @include breakpoint(medium){
         figure {
-          @include xy-cell(3);
+          @include xy-cell(4);
           margin-left: 0;
         }
         p {