basic css
This commit is contained in:
parent
4b740f2c52
commit
0caab93c11
2 changed files with 29 additions and 1 deletions
|
@ -7,7 +7,7 @@
|
||||||
<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>
|
||||||
|
@ -34,5 +34,6 @@
|
||||||
<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>
|
||||||
|
|
27
ui.css
Normal file
27
ui.css
Normal file
|
@ -0,0 +1,27 @@
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--main-width: 85vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* large screen */
|
||||||
|
@media only screen and (min-width: 868px) {
|
||||||
|
:root {
|
||||||
|
--main-width: 50vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: Noto Sans;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
color: #C71585;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
max-width: var(--main-width);
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue