adjust the admin ui screenshot.

Fixes gitpod-io/website#622

Author: nisarhassan12

src/blog/gitpod-self-hosted-0.4.0.md

@@ -27,7 +27,9 @@ This release ships with a new web UI for administrative tasks. The UI is particu
 It allows for easy listing and searching of users and worksapces.
 When selecting a user, the UI will show the user's details and workspaces, as you can in the following screenshot:
 
-![Gitpod Admin UI](./self-hosted-0.4.0/sh-userdetails2.png)
+<div class="scale">
+    <img src="./self-hosted-0.4.0/sh-userdetails2.png" alt="Gitpod Admin UI">
+</div>
 
 To try the new admin interface in Gitpod Self-Hosted, you'll need to assign the "admin" privilege to your user and open /admin in your browser.
 

src/templates/blog.tsx

@@ -48,6 +48,7 @@ const StyledBlogTemplate = styled.div`
     margin: 8rem auto;
     box-shadow: ${shadows.light};
     background-color: ${colors.white};
+    overflow: hidden;
 
     .contents {
         padding: 5rem 3rem;
@@ -119,6 +120,26 @@ const StyledBlogTemplate = styled.div`
     ol, ul {
         margin: 3rem 0 3rem 5rem;
     }
+
+    .scale {
+        transform: scale(1.3);
+        margin-top: 14rem;
+
+        @media(max-width: 680px) {
+            transform: scale(1.2);
+            margin-top: 9rem;
+        }
+
+        @media(max-width: 610px) {
+            transform: scale(1.1);
+            margin: 8rem 0;
+        }
+
+        @media(max-width: 610px) {
+            transform: scale(1);
+            margin: 4rem 0;
+        }
+    } 
 `