fix
This commit is contained in:
parent
0caab93c11
commit
e31433d941
2 changed files with 11 additions and 15 deletions
|
@ -7,14 +7,12 @@
|
|||
<title>Ada</title>
|
||||
<link rel="stylesheet" href="ui.css" />
|
||||
</head>
|
||||
<div class="content"></div>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Site of a random human</h1>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<h2>~/ Whoami</h2>
|
||||
|
||||
<p>
|
||||
|
@ -34,6 +32,5 @@
|
|||
<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>
|
||||
</footer>
|
||||
<div class="content"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
23
ui.css
23
ui.css
|
@ -1,27 +1,26 @@
|
|||
|
||||
:root {
|
||||
--main-width: 85vw;
|
||||
}
|
||||
}
|
||||
|
||||
/* large screen */
|
||||
@media only screen and (min-width: 868px) {
|
||||
:root {
|
||||
--main-width: 50vw;
|
||||
}
|
||||
}
|
||||
/* large screen */
|
||||
@media only screen and (min-width: 868px) {
|
||||
:root {
|
||||
--main-width: 50vw;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
html {
|
||||
html {
|
||||
font-family: Noto Sans;
|
||||
scroll-behavior: smooth;
|
||||
color: #C71585;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
body {
|
||||
max-width: var(--main-width);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in a new issue