update responsive.css

SUSP8129 · Oct 12, 2024 · 130ebf3 · 130ebf3
1 parent 14841ec
commit 130ebf3
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 2 deletions.
diff --git 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
@@ -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%;
+    }
+}