excerpt from src/components/layout.js

layout.js

// excerpt from src/components/layout.js 

import { Media } from "../media"

...
<main>
 {/* Tablet/Desktop */} 
 <Media greaterThan="sm"> 
  <div className="my-container"> 
   <BoxImage /> 
   <FluidGrid>{children}</FluidGrid> 
   <Name name={data.site.siteMetadata.name}/> 
  </div> 
 </Media> 
 {/* Mobile */} 
 <Media lessThan="md"> 
  {isHome && <BoxImage />} 
  {!isHome && <FluidGrid>{children}</FluidGrid>} 
  {isHome && <Name name={data.site.siteMetadata.name} />} 
 </Media> 
</main>
...