Index: lams_tool_spreadsheet/web/pages/learning/learning.jsp
===================================================================
diff -u -r3bb7e0141ae1cc15ccd737c95d90b5762a34ad61 -re2956cb8a072cc5ac9ceabaa9dac30c5750bf10b
--- lams_tool_spreadsheet/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 3bb7e0141ae1cc15ccd737c95d90b5762a34ad61)
+++ lams_tool_spreadsheet/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision e2956cb8a072cc5ac9ceabaa9dac30c5750bf10b)
@@ -69,12 +69,12 @@
 		
 		<c:if test="${spreadsheet.markingEnabled}">
 		<div class="row no-gutter">
-			<div class="col-xs-12">
+			<div class="col-12">
 			<div class="panel panel-default">
 				<div class="panel-body">
 				<div class="row no-gutter">
-					<div class="col-sm-2"><fmt:message key="label.learning.comments" /></div>
-					<div class="col-sm-10">
+					<div class="col-md-2"><fmt:message key="label.learning.comments" /></div>
+					<div class="col-md-10">
 						<c:choose>
 							<c:when test="${mark == null}">
 								<fmt:message key="label.learning.not.available" />
@@ -86,8 +86,8 @@
 					</div>
 				</div>
 				<div class="row no-gutter">
-				<div class="col-sm-2"><fmt:message key="label.learning.marks" /></div>
-					<div class="col-sm-10">
+				<div class="col-md-2"><fmt:message key="label.learning.marks" /></div>
+					<div class="col-md-10">
 						<c:choose>
 							<c:when test="${mark == null}">
 								<fmt:message key="label.learning.not.available" />
@@ -106,7 +106,7 @@
 
 		
 		<div class="row no-gutter">
-			<div class="col-xs-12">
+			<div class="col-12">
 				<div class="panel panel-default">
 					<div class="panel-body">
 					<iframe
@@ -130,7 +130,7 @@
 
 		<c:if test="${sessionMap.userFinished and sessionMap.reflectOn}">
 			<div class="row no-gutter">
-				<div class="col-xs-12">
+				<div class="col-12">
 					<div class="panel panel-default">
 						<div class="panel-heading panel-title">
 							<fmt:message key="title.reflection" />