feat: center align content in index page

This commit is contained in:
Mohammad Rafiq 2025-06-28 12:04:25 +08:00
parent 52fc755eb2
commit 863f4b8a48
No known key found for this signature in database
2 changed files with 18 additions and 7 deletions

View file

@ -6,12 +6,14 @@
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
</head> </head>
<body> <body>
<h1>hi! im rafiq.</h1> <div class="container">
<p>i'm a developer and avid self hoster. here's my links:</p> <h1>hi! im rafiq.</h1>
<a href="/blog">blog</a> <p>i'm a developer and avid self hoster. here's my links:</p>
<a href="https://github.com/rrvsh">github</a> <a href="/blog">blog</a>
<a href="https://instagram.com/88rafiq">ig</a> <a href="https://github.com/rrvsh">github</a>
<a href="https://linkedin.com/in/rrvsh">linkedin</a> <a href="https://instagram.com/88rafiq">ig</a>
<a href="https://reddit.com/u/bwfiq">reddit</a> <a href="https://linkedin.com/in/rrvsh">linkedin</a>
<a href="https://reddit.com/u/bwfiq">reddit</a>
</div>
</body> </body>
</html> </html>

View file

@ -2,3 +2,12 @@ body {
background-color: black; background-color: black;
color: white; color: white;
} }
div.container {
margin: 0;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}