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>
|
<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
23
ui.css
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue