image style modified for responsive design i.e mobile

Author: laziestcoder

css/style.css

@@ -73,4 +73,14 @@
   height: 1em;
   overflow: visible;
   vertical-align: -.125em;
+}
+
+@media only screen and (max-width: 480px) {
+  #profile_image{
+    width: 250px !important;
+    height: 250px !important;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
 }

index.html

@@ -23,7 +23,7 @@
             <div class="w3-white w3-text-black w3-card-4">
                 <div class="w3-display-container">
                     <a href="https://laziestcoder.github.io"><img src="Towfiqul%20Islam.jpg" style="width:100%"
-                                                                  alt="Towfiqul Islam" title="Towfiqul Islam"></a>
+                       id="profile_image" alt="Towfiqul Islam" title="Towfiqul Islam"></a>
                 </div>
                 <div class="w3-container">
                     <h1><em>Towfiqul Islam</em></h1>