responsiveness changes

Author: kartikpersistent

frontend/src/App.css

@@ -287,6 +287,9 @@
   .outline-dashed h6 {
     font-size: 14px;
   }
+  .outline-dashed  .wikipedia-div{
+    padding: 12px;
+  }
 
 }
 @container (min-height:400px) and (max-height:500px) {
@@ -298,6 +301,9 @@
   .outline-dashed h6 {
     font-size: 14px;
   }
+  .outline-dashed  .wikipedia-div{
+    padding: 10px;
+  }
 
 }
 @container (max-height:300px) {
@@ -319,6 +325,9 @@
   .imageBg >div{
     padding: 5px;
   }
+  .outline-dashed  .wikipedia-div{
+    padding: 8px;
+  }
 }
 .ndl-dropzone .ndl-dropzone-header{
   margin-bottom: 0 !important;

frontend/src/components/Wikipedia.tsx

@@ -2,7 +2,7 @@ import wikipedialogo from '../assets/images/Wikipedia-logo-v2.svg';
 
 export default function Wikipedia({ openModal }: { openModal: () => void }) {
   return (
-    <div onClick={openModal} className='p-5 flex items-center content-center cursor-pointer flex-col'>
+    <div onClick={openModal} className='p-5 flex items-center content-center cursor-pointer flex-col wikipedia-div'>
       <img src={wikipedialogo} width={50} height={50}></img>
       <h6>Wikipedia</h6>
     </div>