import React from 'react'
import Responsive from 'react-responsive'

const DESKTOP_MIN = 992
const TABLET_MIN = 768
const TABLET_MAX = 991
const PHONE_MAX = 767

const Desktop = props => <Responsive {...props} minWidth={DESKTOP_MIN} />
const Tablet = props => (
	<Responsive {...props} minWidth={TABLET_MIN} maxWidth={TABLET_MAX} />
)
const Phone = props => <Responsive {...props} maxWidth={PHONE_MAX} />

export { Desktop, Tablet, Phone }

@@ -72,25 +72,23 @@
 nst 
-DESKTOP_MIN = 992
+PHONE_MAX = 767
 %0Acon
@@ -136,31 +136,33 @@
 1%0Aconst 
-PHONE_MAX = 767
+DESKTOP_MIN = 992
 %0A%0Aconst 

Reorder constants