features

Author: petar-cvit

src/pages/index.js

@@ -11,9 +11,6 @@ import styles from './index.module.css';
 
 function HomepageHeader() {
     const {siteConfig} = useDocusaurusContext();
-    const all = {
-        background: "white",
-    };
 
     const letters = {
         "text-align": "left",
@@ -22,12 +19,12 @@ function HomepageHeader() {
         background: "white",
         color: "#00152A",
         float: "right",
-        width: "20%",
+        width: "30%",
         margin: "0",
     };
     const image = {
         float: "right",
-        width: "30%",
+        width: "35%",
     };
     return (
         <header className={clsx('hero hero--primary', styles.heroBanner)}>

src/pages/index.module.css

@@ -3,6 +3,13 @@
  * and scoped locally.
  */
 
+@media screen and (max-width: 950px) {
+  .heroBanner {
+    flex-direction: column;
+    width: 100%;
+  }
+}
+
 .heroBanner {
   left: 50%;
   align-content: center;
@@ -23,6 +30,7 @@
   display: flex;
   align-items: center;
   justify-content: left;
+  width: 100%;
 }
 
 .right {