Add wrapper to services page, fix css and favicon

This commit is contained in:
Felix Albrigtsen 2022-11-29 17:52:39 +01:00
parent 29c4c67645
commit d8f8aafdd9
2 changed files with 15 additions and 10 deletions

View File

@ -1,12 +1,16 @@
main { main {
display: grid; margin: 0px !important;
padding: 0px !important;
width: 100vw;
}
width: 80vw; .serviceWrapper {
width: 80%;
display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-gap: 1em; grid-gap: 1em;
margin: auto auto; margin: auto auto;
margin-top: 4em; margin-top: 4em;
} }
@ -79,9 +83,8 @@ main {
} }
@media (max-width: 800px) { @media (max-width: 800px) {
main { .serviceWrapper {
grid-template-columns: 1fr; grid-template-columns: 1fr;
margin: auto !important;
} }
.categoryContainer { .categoryContainer {
width: 100%; width: 100%;

View File

@ -5,10 +5,10 @@ require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc'
<html lang="no"> <html lang="no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="/favicon.ico">
<link rel="stylesheet" href="../css/normalize.css"> <link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="../css/style.css"> <link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="../css/services.css"> <link rel="stylesheet" href="/css/services.css">
<meta name="theme-color" content="#024" /> <meta name="theme-color" content="#024" />
<title>Tjenesteverkstedet</title> <title>Tjenesteverkstedet</title>
@ -21,6 +21,8 @@ require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc'
</nav> </nav>
<main> <main>
<div class="serviceWrapper">
<div class="categoryContainer"> <div class="categoryContainer">
<div class="categoryLabel">Versjonskontroll og utvikling</div> <div class="categoryLabel">Versjonskontroll og utvikling</div>
<div class="categoryContent"> <div class="categoryContent">
@ -195,12 +197,12 @@ require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc'
</div> </div>
<img class="serviceImage" src="img/gallery.png" alt="RSS-Ikon"> <img class="serviceImage" src="img/gallery.png" alt="RSS-Ikon">
</div> </div>
<!-- Bokhylle /brzeczyszczykiewicz ? --> <!-- Bokhylle /brzeczyszczykiewicz ? -->
</div> </div>
</div> </div>
</div>
</main> </main>
</body> </body>