diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 5a57bef..28089a6 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -48,4 +48,15 @@ $primary: darken(#005035, 20%);
 
 .user-link:hover {
     color: #000;
-}
\ No newline at end of file
+}
+
+.show-img-container {
+    min-width: 20rem;
+    max-width: 30rem;
+}
+
+@include media-breakpoint-up(sm) {
+    .show-img-container {
+        margin-right: 2rem;
+    }
+  }
\ No newline at end of file
diff --git a/templates/app/offer.html.twig b/templates/app/offer.html.twig
index 0375307..971bc38 100644
--- a/templates/app/offer.html.twig
+++ b/templates/app/offer.html.twig
@@ -7,11 +7,11 @@
 
     <h1 class="mb-3">{{ offer.title }}</h1>
 
-    <div class="offer d-flex flex-wrap justify-content-around">
-        <div class="p-3 img-container">
+    <div class="show-offer-container d-flex flex-wrap">
+        <div class="show-img-container">
             <img class="mb-3 img-fluid rounded" alt="Generic placeholder image" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}">
         </div>
-        <div class="offer-info p-3">
+        <div class="show-offer-info">
           <h3>Description</h3>
           <p>{{ offer.description }}</p>
           <h3>From</h3>