Merge pull request #23 from CodeWithGroup/feature/fix-logo-assets

fix: upgrades image quality and fixes responsiveness

Author: dangerworm

branding.html

@@ -80,12 +80,12 @@ <h2>Logo</h2>
 
 <h3>Full CodeWith Logo</h3>
 <div class="row">
-    <div class="col-5 col-md-3 card text-center">
+    <div class="col-5 col-lg-3 card text-center">
         <img class="img-fluid" src="images/logo/logo.svg" aria-labelledby="logo-label-full-svg">
         <br />
         <h4 id="logo-label-full-svg">CodeWith Logo (SVG)</h4>
     </div>
-    <div class="col-5 col-md-3 card text-center">
+    <div class="col-5 col-lg-3 card text-center">
         <img class="img-fluid" src="images/logo/logo.png" aria-labelledby="logo-label-full-png">
         <br />
         <h4 id="logo-label-full-png">CodeWith Logo (PNG)</h4>
@@ -99,12 +99,12 @@ <h4 class="mt-3">Full CodeWith Logo</h4>
 
 <h3>Full CodeWith Logo (White)</h3>
 <div class="row">
-    <div class="col-5 col-md-3 card text-center white-asset">
+    <div class="col-5 col-lg-3 card text-center white-asset">
         <img class="img-fluid" src="images/logo/logo-white.svg" aria-labelledby="logo-label-full-white-svg">
         <br />
         <h4 id="logo-label-full-white-svg">CodeWith Logo (White) (SVG)</h4>
     </div>
-    <div class="col-5 col-md-3 card text-center white-asset">
+    <div class="col-5 col-lg-3 card text-center white-asset">
         <img class="img-fluid" src="images/logo/logo-white.png" aria-labelledby="logo-label-full-white-png">
         <br />
         <h4 id="logo-label-full-white-png">CodeWith Logo (White) (PNG)</h4>
@@ -118,12 +118,12 @@ <h4 class="mt-3">Full CodeWith Logo (White)</h4>
 
 <h3>CodeWith Keyboard Icon</h3>
 <div class="row">
-    <div class="col-5 col-md-3 card text-center">
+    <div class="col-5 col-lg-3 card text-center">
         <img class="img-fluid" src="images/keyboard-green.svg" aria-labelledby="logo-keyboard-green-svg">
         <br />
         <h4 id="logo-keyboard-green-svg">CodeWith Keyboard Icon (SVG)</h4>
     </div>
-    <div class="col-5 col-md-3 card text-center">
+    <div class="col-5 col-lg-3 card text-center">
         <img class="img-fluid" src="images/keyboard-green.png" aria-labelledby="logo-keyboard-green-png">
         <br />
         <h4 id="logo-keyboard-green-png">CodeWith Keyboard Icon (PNG)</h4>
@@ -136,12 +136,12 @@ <h4 class="mt-3">CodeWith Keyboard Icon</h4>
 
 <h3>CodeWith Keyboard Icon (White)</h3>
 <div class="row">
-    <div class="col-5 col-md-3 card text-center white-asset">
+    <div class="col-5 col-lg-3 card text-center white-asset">
         <img class="img-fluid" src="images/noun-keyboard-licensed-white.svg" aria-labelledby="logo-keyboard-white-svg">
         <br />
         <h4 id="logo-keyboard-white-svg">CodeWith Keyboard Icon (White) (SVG)</h4>
     </div>
-    <div class="col-5 col-md-3 card text-center white-asset">
+    <div class="col-5 col-lg-3 card text-center white-asset">
         <img class="img-fluid" src="images/noun-keyboard-licensed-white.png" aria-labelledby="logo-keyboard-white-png">
         <br />
         <h4 id="logo-keyboard-white-png">CodeWith Keyboard Icon (White) (PNG)</h4>