kenakingkong

// excerpt from src/components/layout.js 

import { Media } from "../media"

...
<main>
 {/* Tablet/Desktop */} 
 <Media greaterThan="sm"> 
  <div className="my-container"> 
   <BoxImage /> 

kenakingkong

module.exports = {
  siteMetadata : {},
  plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-fontawesome-css`,
    `gatsby-plugin-sass`,
    {
      resolve: 'gatsby-plugin-web-font-loader',
      options: {
        google: {

kenakingkong

 {
   "dependencies": {
      "@artsy/fresnel": "^1.3.0",
      "@fortawesome/fontawesome-svg-core": "^1.2.32",
      "@fortawesome/free-brands-svg-icons": "^5.15.1",
      "@fortawesome/free-solid-svg-icons": "^5.15.1",
      "@fortawesome/react-fontawesome": "^0.1.12",
      "gatsby": "^2.27.0",
      "gatsby-medium-rss-feed": "^1.0.2",
      "gatsby-plugin-fontawesome-css": "^1.0.0",

kenakingkong

//src/components/icons.js

import React from "react"
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import {faMedium, faTwitter} from '@fortawesome/free-brands-svg-icons'
import {faEnvelope} from '@fortawesome/free-solid-svg-icons'

export const IconMedium = <FontAwesomeIcon icon={faMedium} size="1x" />
export const IconTwitter = <FontAwesomeIcon icon={faTwitter} size="1x" />
export const IconEnvelope = <FontAwesomeIcon icon={faEnvelope} size="1x" />

kenakingkong

//@src/components/stack.js

import React from 'react';
import { StaticQuery, graphql } from "gatsby"
import { CardWrapper } from 'react-swipeable-cards';
import {MyCard, MyEndCard} from './mycard'

const Stack = () => (
   <StaticQuery
      query={graphql`

kenakingkong

import React from 'react';
import { StaticQuery, graphql } from "gatsby"
import { CardWrapper } from 'react-swipeable-cards';
import {MyCard, MyEndCard} from './mycard'

const Stack = () => (
   <StaticQuery
      query={graphql`
         query MediumFeedQuery {
            allMediumFeed {