doing css

Mehak-Kamran · Mehak-Kamran · commit 64161aeed520 · 2024-02-26T16:18:31.000Z
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5502
+    "liveServer.settings.port": 5503
 }
diff --git a/Projects/Randompassgen/index.html b/Projects/Randompassgen/index.html
@@ -10,7 +10,8 @@
     <div class="maincontainer">
         <div class="con1">
             <h1>Generate a <br><span class="sp1">Random Password</span></h1>
-        <div class="dis"><input type="text" placeholder="Password" id="in">
+        <div class="dis">
+            <input type="text" placeholder="Password" id="in">
             <img class="copy" src="/Projects/Randompassgen/pic/copy.png">
         </div>  
         </div>
diff --git a/Projects/Randompassgen/style.css b/Projects/Randompassgen/style.css
@@ -12,10 +12,26 @@ body{
 .sp1{
     color: #FFFC31;
 }
-.copy{
-    width: 20px;
-
+.dis{
+    background-color: #fff;
+    width: 25%;
+    border-radius: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding:7px;
+    margin-bottom:10px ;
+    margin-top: 10px;
 }
-#in{
-    max-width: 30%;
+.dis img{
+    width: 5%;
+    margin-right: 5%;
+    
+    
+}
+.dis input{
+    border: 0;
+    outline: 0;
+    
+    
 }
