From 19e9387f70178ace94d543883830bf950a5ef728 Mon Sep 17 00:00:00 2001
From: Kairsten Fay <kairsten.fay@gmail.com>
Date: Wed, 29 Jan 2020 17:15:30 -0800
Subject: [PATCH] narratives: Change mobile banners from div to nav

Change the HTML element used for the top and bottom banners on mobile
narratives view from `div`s to the more appropriate `nav` elements.
---
 src/components/narrative/styles.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/narrative/styles.js b/src/components/narrative/styles.js
index e21786494..a6f46d40f 100644
--- a/src/components/narrative/styles.js
+++ b/src/components/narrative/styles.js
@@ -168,13 +168,13 @@ export const EndOfNarrative = styled.div`
   grid-row-gap: 10px;
 `;
 
-export const MobileBannerTop = styled.div`
+export const MobileBannerTop = styled.nav`
   ${baseBannerStyles}
   top: 0;
   height: ${(props) => props.height}px;
   background-color: #E67F2C;
 `;
-export const MobileBannerBottom = styled.div`
+export const MobileBannerBottom = styled.nav`
   ${baseBannerStyles}
   bottom: 0;
   height: ${(props) => props.height}px;