diff --git a/resources/css/main.css b/resources/css/main.css index 213f329..a42baf4 100644 --- a/resources/css/main.css +++ b/resources/css/main.css @@ -105,13 +105,15 @@ tr:hover { display: grid; justify-content: space-evenly; align-content: space-evenly; - grid-template-columns: repeat(3, 1fr); - grid-column-gap: auto; + grid-column-gap: 20px; grid-row-gap: 20px; + grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); } .textboxGrid * { size: 100%; - padding: 40px 80px; + margin: 0px; + padding: 30px 0px; + text-align: center; background-color: #787878; } .textboxGrid .linkElement { diff --git a/resources/css/scss/_classes.scss b/resources/css/scss/_classes.scss index 56e67ac..c71ce54 100644 --- a/resources/css/scss/_classes.scss +++ b/resources/css/scss/_classes.scss @@ -30,16 +30,19 @@ align-content: space-evenly; grid: { - template-columns: repeat(3, 1fr); - - column-gap: auto; + column-gap: 20px; row-gap: 20px; + + template-columns: repeat(auto-fit, minmax(350px, 1fr)); } * { size: 100%; - padding: 40px 80px; + margin: 0px; + padding: 30px 0px; + text-align: center; + background-color: $grey4; } diff --git a/test-template-generator/task-template/oppgave.html b/test-template-generator/task-template/oppgave.html index 40efe6c..d0dc9c3 100644 --- a/test-template-generator/task-template/oppgave.html +++ b/test-template-generator/task-template/oppgave.html @@ -11,6 +11,10 @@

Oppgave taskNumber

+ +
+ +
\ No newline at end of file