From 130ebf3a19d45afa5339ea24938fddc17b300031 Mon Sep 17 00:00:00 2001
From: SUSP8129 <superspeedbirds@outlook.jp>
Date: Sat, 12 Oct 2024 21:46:00 +0900
Subject: [PATCH] update responsive.css

---
 index.html     |  4 ++--
 responsive.css | 37 +++++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 2405c75..f805d55 100644
--- a/index.html
+++ b/index.html
@@ -125,14 +125,14 @@ <h2 class="fourth" id="section4">4. So, Have the Saved Files Really Disappeared?
             <ul>
                 <div class="files_info">
                     <div>
-                      <img src="Hidden_folder-.Trash_files.png" alt=".Trash-files">
+                      <img class="files" src="Hidden_folder-.Trash_files.png" alt=".Trash-files">
                       <p></p>
                     </div>
                     <p class="txt-contents"></p>
                 </div>
                   <div class="files_info">
                     <div>
-                      <img src="Hidden_folder-.Trash_info.png" alt=".Trash-info">
+                      <img class="info" src="Hidden_folder-.Trash_info.png" alt=".Trash-info">
                       <p></p>
                     </div>
                     <p class="txt-contents"></p>
diff --git a/responsive.css b/responsive.css
index d37933d..17e6e04 100644
--- a/responsive.css
+++ b/responsive.css
@@ -158,3 +158,40 @@
     }
 }
 
+/* class="files" */
+@media (min-width: 1000px) {
+    .files {
+        width: 45%;
+    }
+}
+
+@media (max-width: 1000px) {
+    .files {
+        width: 45%;
+    }
+}
+
+@media (max-width: 670px) {
+    .files {
+        width: 90%;
+    }
+}
+
+/* class="info" */
+@media (min-width: 1000px) {
+    .info {
+        width: 45%;
+    }
+}
+
+@media (max-width: 1000px) {
+    .info {
+        width: 45%;
+    }
+}
+
+@media (max-width: 670px) {
+    .info {
+        width: 90%;
+    }
+}