Merge pull request #69 from KotlinFoundation/ktl-1470-logo

ktl-1470 chore: update logos

Author: berezinant

src/components/Footer/footer.module.css

@@ -10,6 +10,11 @@
 .footer {
   display: flex;
   margin-top: calc(-1 * var(--ktl-box-section-l));
+  flex-direction: row-reverse;
+
+  @media (--ktl-ds) {
+    flex-direction: initial;
+  }
 }
 
 .nav {
@@ -67,16 +72,12 @@
   }
 }
 
-.support {
-  margin-left: auto;
-
-  display: flex;
-  align-items: center;
+.logo {
+  margin-bottom: 3px;
 }
 
 .supportLabel {
-  margin: 0 var(--ktl-box-block-m) 0 0;
-  text-align: right;
+  margin: 0;
 }
 
 .supportLink {

src/components/Footer/index.tsx

@@ -28,14 +28,10 @@ const FooterMarkup = () => {
           ))}
         </ul>
         <div className={cn(textCn('ktl-text-3'), styles.support)}>
-          <p className={styles.supportLabel}>
-            Supported and developed
-            <br />
-            by JetBrains
-          </p>
           <a className={styles.supportLink} href="https://jetbrains.com" target="_blank" rel="noreferrer noopener">
-            <img alt="JetBrains Logo" src={svgLogo} />
+            <img alt="JetBrains Logo" src={svgLogo} className={styles.logo} />
           </a>
+          <p className={styles.supportLabel}>Supported and developed by JetBrains</p>
         </div>
       </div>
     </footer>

src/components/IntroBanner/introBanner.module.css

@@ -38,6 +38,22 @@
   margin-left: 80px;
 }
 
+.companiesGroup:nth-child(2) {
+  margin-left: 24px;
+
+  @media (--ktl-ds) {
+    margin-left: 48px;
+  }
+
+  @media (--ktl-tl) {
+    margin-left: var(--ktl-box-section-l);
+  }
+
+  @media (--ktl-tm) {
+    margin-left: 0;
+  }
+}
+
 .companiesLogos {
   --ktf-companies-logo-spacing: 12px;