diff --git a/templates/user_profil.tmpl b/templates/user_profil.tmpl
index b92fda6..c6cc2ef 100644
--- a/templates/user_profil.tmpl
+++ b/templates/user_profil.tmpl
@@ -7,7 +7,7 @@
 </style>
 <div class="container" style="margin-top: 100px;">
 <div class="row">
-    <div class="col-md-3">
+    <div class="col-3">
         <img src="/image?path={{ .user.Image }}&width=200" style="border-radius: 50%;max-width: 80%;" ></img>
     </div>
     <div class="col-9">
@@ -16,13 +16,22 @@
             {{else}}
                 {{ .user.Name }}
             {{end}}</h1>
-        <p>{{ if .user.AboutMe }}{{ .user.AboutMe }}{{ end }}</p>
-        <div style="padding-top: 30px;">
+        <p class="d-sm-none d-md-block">{{ if .user.AboutMe }}{{ .user.AboutMe }}{{ end }}</p>
+        <div style="padding-top: 30px;" class="d-none d-md-block">
             {{ if .user.Webpage }}<i class="fas fa-globe"></i> <a href="{{ .user.Webpage }}">{{ .user.Webpage }}</a> {{ end }}
             {{ if .user.Location}}<i class="fas fa-map-marker-alt"></i> {{ .user.Location }}{{ end }}
         </div>
     </div>
 </div>
+<div class="row d-block d-sm-block d-md-none" >
+<div class="col-12">
+   {{ if .user.AboutMe }} <p>{{ .user.AboutMe }}</p>{{ end }}
+    <div style="padding-top: 30px;">
+        {{ if .user.Webpage }}<br/><i class="fas fa-globe"></i> <a href="{{ .user.Webpage }}">{{ .user.Webpage }}</a>{{ end }}
+        {{ if .user.Location}}<br/><i class="fas fa-map-marker-alt"></i> {{ .user.Location }}{{ end }}
+    </div>
+</div>
+</div>
 <hr></hr>
     {{ range .list }}
     <div class="row">