docs(example): Improve example site header responsiveness

mbrookson · mbrookson · commit b7c2bd1e9798 · 2020-04-25T13:59:10.000+01:00
diff --git a/example/index.html b/example/index.html
@@ -21,7 +21,7 @@
     href="./logo.png"
     type="image/x-icon"
   >
-  <title>React Simple Modal</title>
+  <title>React Simple Hook Modal</title>
 </head>
 
 <body>
diff --git a/example/src/Header.tsx b/example/src/Header.tsx
@@ -7,10 +7,10 @@ export const Header = () => {
   return (
     <div className="bg-blue-800 text-white py-24 text-center md:text-right">
       <div className="container">
-        <div className="flex flex-col md:flex-row items-center">
-          <div className="flex-1 md:pr-16">
-            <h1 className="mb-4 text-5xl font-bold">React Simple Modal</h1>
-            <div className="flex flex-row items-center justify-center md:justify-end pb-8">
+        <div className="flex flex-col lg:flex-row items-center">
+          <div className="lg:pr-16">
+            <h1 className="mb-4 text-5xl font-bold">React Simple Hook Modal</h1>
+            <div className="flex flex-row items-center justify-center lg:justify-end pb-8">
               <FaGithub className="inline" />
               <a
                 className="ml-2 hover:text-blue-300 transition transition-colors duration-200"

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`href="./logo.png"`
`22`	`22`	`type="image/x-icon"`
`23`	`23`	`>`
`24`		`- <title>React Simple Modal</title>`
	`24`	`+ <title>React Simple Hook Modal</title>`
`25`	`25`	`</head>`
`26`	`26`
`27`	`27`	`<body>`