This commit is contained in:
Ada 2023-05-14 02:53:37 +02:00 committed by GitHub
parent 0caab93c11
commit e31433d941
2 changed files with 11 additions and 15 deletions

View file

@ -7,14 +7,12 @@
<title>Ada</title> <title>Ada</title>
<link rel="stylesheet" href="ui.css" /> <link rel="stylesheet" href="ui.css" />
</head> </head>
<div class="content"></div>
<body> <body>
<header> <header>
<h1>Site of a random human</h1> <h1>Site of a random human</h1>
</header> </header>
<main> <main>
<article>
<h2>~/ Whoami</h2> <h2>~/ Whoami</h2>
<p> <p>
@ -34,6 +32,5 @@
<footer> <footer>
<p>If you want to contact me (don't hesitate), i y have a mail TODO. I have some useless project on my <a href="https://github.com/r4iponce">Github</a></p> <p>If you want to contact me (don't hesitate), i y have a mail TODO. I have some useless project on my <a href="https://github.com/r4iponce">Github</a></p>
</footer> </footer>
<div class="content"></div>
</body> </body>
</html> </html>

23
ui.css
View file

@ -1,27 +1,26 @@
:root { :root {
--main-width: 85vw; --main-width: 85vw;
} }
/* large screen */ /* large screen */
@media only screen and (min-width: 868px) { @media only screen and (min-width: 868px) {
:root { :root {
--main-width: 50vw; --main-width: 50vw;
} }
} }
html { html {
font-family: Noto Sans; font-family: Noto Sans;
scroll-behavior: smooth; scroll-behavior: smooth;
color: #C71585; color: #C71585;
} }
.content { body {
max-width: var(--main-width); max-width: var(--main-width);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }