basic css

This commit is contained in:
Ada 2023-05-14 02:50:07 +02:00 committed by GitHub
parent 4b740f2c52
commit 0caab93c11
2 changed files with 29 additions and 1 deletions

View file

@ -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
View 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;
}