#23

frontend/src/pages/posts/PostListPage.tsx

@@ -77,7 +77,7 @@ export default () => {
   }, [location.search])
 
   return (
-      <>
+      <div className="md:flex md:flex-1">
 	<Helmet>
 	  <title>
 	    {tags.length
@@ -85,13 +85,15 @@ export default () => {
 	     : `${ SITE_TITLE }　〜 ぼざろクリーチャーシリーズ綜合リンク集サイト`}
 	  </title>
 	</Helmet>
-	<TagSidebar posts={posts.slice (0, 20)} />
+	<div className="hidden md:block">
+	  <TagSidebar posts={posts.slice (0, 20)} />
+	</div>
 	<MainArea>
 	  <TabGroup>
 	    <Tab name="広場">
 	      {posts.length
 	       ? (
-		  <div className="flex flex-wrap gap-4 p-4">
+		  <div className="flex flex-wrap gap-4 gap-y-8 p-4 justify-between">
 		  {posts.map (post => (
 		      <Link to={`/posts/${ post.id }`}
 			    key={post.id}
@@ -115,5 +117,8 @@ export default () => {
 		</Tab>)}
 	  </TabGroup>
 	</MainArea>
-      </>)
+	<div className="md:hidden">
+	  <TagSidebar posts={posts.slice (0, 20)} />
+	</div>
+      </div>)
 }