image margins and reference comment

cristalvioletacristal · Nov 28, 2024 · 1c27c20 · 1c27c20
1 parent 5f11826
commit 1c27c20
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
+<!-- reference:
+luyang.asia
+https://cinni.net
+-->
+
   <head>
     <meta charset="utf-8">
     <title ?class="inline-img">♡ cristalvioletacristal ♡ </title>
@@ -15,6 +20,9 @@
     <header class="header">
       <h1>cristalvioletacristal</h1>
     </header>
+
+
+
     <div class="gallery">
       <img src=".\images\icone-oblivio-inconfesso-bebe.png">
       <img src=".\images\icone-melting-dpi.webp">

diff --git a/styles.css b/styles.css
@@ -33,6 +33,7 @@ body {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+  /* gap: 12px; */
   justify-content: center;
   align-items: center;
   max-width: 1400px;
@@ -41,10 +42,12 @@ body {
 }
 
 .gallery img {
+  top: 0px;
   width: 100%;
   max-width: 350px;
   height: 300px;
   object-fit: cover;
+  margin: 4%;
 }
 
 .inline-img {
@@ -53,3 +56,7 @@ body {
   padding: 0;
   vertical-align: baseline;
 }
+.nav {
+  position: fixed;
+  z-index: 1;
+}