diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/public/student.html b/public/student.html
@@ -53,10 +53,23 @@ <h1>ShoutOut</h1>
     // får nytt spørsmål fra serveren og legger til liste
     function addToList(question)
     {
-      $('#questions').prepend($('<li class=jumbotron id="' + question.id + '">')
-      .text(question.text)
-      .append('<button onclick="buttonPressed(this, ' + question.id + ')" class="btn btn-default btn-lg" role=button >+</button>')
-      .append('<span class=votespan id="vote' + question.id + '" >' + question.votes + ' </span>'));
+      $('#questions').prepend($('<div class="box" id="' + question.id + '">')
+          .append('<div class="textBox">')
+          .text(question.text)
+          .append('</div>')
+          .append('<div class="buttonAndVoteContainer">')
+          .append('<div class="plussButton">')
+          .append('<button onclick="buttonPressed(this, ' + question.id + ')" class="btn stud" role=button >+</button>')
+          .append('</div>')
+          .append('<div class="voteCount">')
+          .append('<span class="votespan" id="vote' + question.id + '" >' + question.votes + ' </span>')
+          .append('</div>')
+          .append('</div>')
+          .append('</div>')
+
+
+
+      );
     }
 
     // gir stemmefunksjonalitet til knappene

diff --git a/public/style.css b/public/style.css
@@ -127,8 +127,53 @@ footer{
 }
 
 .loginElements{
+}
+
+
+.box{
+  width: 300px;
+  height: 150px;
+  margin: 10px;
+  padding: 10px;
+  background-color: rgba(202,200,203,0.43);
+  display: flex;
+  align-content: space-between;
+  border-color: black;
+  border: solid 1px;
+  border-radius: 10px;
+
+
+}
+
+
+
+
+.buttonAndVoteContainer{
+
+}
 
+.plussButton{
 
+position: fixed;
+
+}
+
+
+
+
+.votespan{
+  position: relative;
 }
 
+.textBox{
+  margin: 20px !important;
+}
+
+.stud{
+  width: 40px;
+  height: 40px;
+}
+
+
+
 
diff --git a/public/test123.html b/public/test123.html
@@ -0,0 +1,27 @@
+('<div class="box" id="' + question.id + '"><div class="textBox">').text(question.text).append('</div>
+    <div class="buttonAndVoteContainer">
+        <div class="plussButton">
+            <button onclick="buttonPressed(this, ' + question.id + ')" class="btn stud" role=button >+</button>
+            </div>
+        <div class="voteCount">
+            <span class="votespan" id="vote' + question.id + '" >' + question.votes + ' </span>
+        </div>
+    </div>
+</div>')
+
+
+
+
+$('#questions').prepend($('<div class="box" id="' + question.id + '">')
+    .append('<div class="textBox">')
+        .text(question.text)
+        .append('</div>')
+    .append('<div class="buttonAndVoteContainer">')
+        .append('<div class="plussButton">')
+            .append('<button onclick="buttonPressed(this, ' + question.id + ')" class="btn stud" role=button >+</button>')
+            .append('</div>')
+        .append('<div class="voteCount">')
+            .append('<span class="votespan" id="vote' + question.id + '" >' + question.votes + ' </span>')
+            .append('</div>')
+        .append('</div>')
+    .append('</div>')