diff --git a/blog.html b/blog.html index 71d1402..f2e3491 100644 --- a/blog.html +++ b/blog.html @@ -11,7 +11,7 @@
diff --git a/index.html b/index.html index 8f6f797..b70b95a 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ diff --git a/styles.css b/styles.css index 3cb696d..a9c991a 100644 --- a/styles.css +++ b/styles.css @@ -38,8 +38,9 @@ a:hover { color:#991b1b; text-decoration:underline; } @media (max-width:520px){ h2 { font-size:1.4rem; } .site-header h1 { font-size:1.6rem; } .container { padding:16px; } } .header-links { margin-top:12px; } -.header-links a { color:#fff; background:rgba(255,255,255,0.12); padding:8px 14px; border-radius:6px; text-decoration:none; transition:all 0.2s ease; display:inline-block; font-size:0.95rem; font-weight:500; } +.header-links a { color:#fff; background:rgba(255,255,255,0.12); padding:0 14px; border-radius:6px; text-decoration:none; transition:all 0.2s ease; display:inline-flex; align-items:center; justify-content:center; height:36px; font-size:0.95rem; font-weight:500; line-height:1; } .header-links a:hover { background:rgba(255,255,255,0.25); } +.header-links a + a { margin-left:10px; } .gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; margin-top:16px; } .gallery img { width:100%; height:150px; object-fit:cover; border-radius:8px; cursor:pointer; display:block; transition:all 0.3s ease; border:2px solid transparent; }