oysteikt/IT2
Archived
0
0
Fork 0
Code Issues Pull Requests Releases Activity

Updated css grid

Browse Source
This commit is contained in:
Oystein Kristoffer Tveit
2020-01-30 16:43:46 +01:00
parent 73dcbe5842
commit 7711a3a2af
3 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/css/main.css
View File

@@ -105,13 +105,15 @@ tr:hover {
display: grid; display: grid;
justify-content: space-evenly; justify-content: space-evenly;
align-content: space-evenly; align-content: space-evenly;
grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px;
grid-column-gap: auto;
grid-row-gap: 20px; grid-row-gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
} }
.textboxGrid * { .textboxGrid * {
size: 100%; size: 100%;
padding: 40px 80px; margin: 0px;
padding: 30px 0px;
text-align: center;
background-color: #787878; background-color: #787878;
} }
.textboxGrid .linkElement { .textboxGrid .linkElement {

11
resources/css/scss/_classes.scss
View File

@@ -30,16 +30,19 @@
align-content: space-evenly; align-content: space-evenly;
grid: { grid: {
template-columns: repeat(3, 1fr); column-gap: 20px;
column-gap: auto;
row-gap: 20px; row-gap: 20px;
template-columns: repeat(auto-fit, minmax(350px, 1fr));
} }
* { * {
size: 100%; size: 100%;
padding: 40px 80px; margin: 0px;
padding: 30px 0px;
text-align: center;
background-color: $grey4; background-color: $grey4;
} }

4
test-template-generator/task-template/oppgave.html
View File

@@ -12,5 +12,9 @@
<h1>Oppgave taskNumber</h1> <h1>Oppgave taskNumber</h1>
<div class="center">
</div>
</body> </body>
</html> </html>