資格を上に表示、css修正

saitamau-maximum · Oct 9, 2024 · aee71f9 · aee71f9
1 parent 63ba448
commit aee71f9
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/src/app/achievements/list-styles.module.scss b/src/app/achievements/list-styles.module.scss
@@ -35,7 +35,7 @@
 
 .container {
     background-color: #F1F1F1;
-    padding: 88px 0 103px;
+    padding: 40px 40px 103px;
 }
 
 .content {
@@ -64,6 +64,12 @@
     font-size: 1.25rem;
 }
 
+.content table tbody td {
+    font-size: 1.125rem;
+    padding: 4px;
+    text-align: center;
+}
+
 .content table tbody tr:nth-child(even) {
     background-color: #d9d9d9;
 }

diff --git a/src/app/achievements/page.tsx b/src/app/achievements/page.tsx
@@ -23,8 +23,6 @@ export default async function Achievements() {
         />
       </div>
       <div className={style.container}>
-        <h2 className={style.title}>参加した大会</h2>
-        <AchievementList />
         <h2 className={style.title}>保有資格</h2>
         <div className={style.content}>
           <p>
@@ -54,6 +52,8 @@ export default async function Achievements() {
             </tbody>
           </table>
         </div>
+        <h2 className={style.title}>参加した大会</h2>
+        <AchievementList />
       </div>
     </div>
   );

diff --git a/src/components/AchievementCard/AchievementCard.module.scss b/src/components/AchievementCard/AchievementCard.module.scss
@@ -3,7 +3,7 @@
 @media (min-width: variables.$tablet-width) {
     .link{
         display: flex;
-        margin: 32px;
+        margin: 32px 0;
     }
 
     .imageBox{