Improved margins & paddin for all devices

src/app.css

@@ -26,15 +26,16 @@ h2 {
 
 h3 {
   margin-top: 5vh;
-  margin-bottom: 5vh;
+  margin-bottom: 3vh;
   font-size: 3vh;
 }
 
 p {
-  margin-bottom: 5vh;
+  margin-bottom: 3vh;
+  font-size: 2vh;
 }
 
-.App {
+.buttonGroup {
   margin: 0 auto;
   display: flex;
   flex-direction: row;

src/app.jsx

@@ -13,10 +13,8 @@ function App() {
               This is a linking page. Click on one of the buttons to go to the specified project, website or subdomain.
           </p>
 
-          <div className="App">
+          <div className="buttonGroup">
               <ButtonGroup buttons={[ ["Home", "https://home.octubre.be"], ["Cloud", "https://cloud.octubre.be"], ["Me", "https://me.octubre.be"], ["Chat", "https://chat.octubre.be"], ["Archive", "https://archive.octubre.be"], ["Dev", "https://dev.octubre.be"], ["Blog", "https://blog.octubre.be"], ["Status", "https://status.octubre.be"], ["Log", "https://home.octubre.be"]]}/>
-              {/*<ButtonGroup buttons={[["Chat", "https://chat.octubre.be"], ["Archive", "https://archive.octubre.be"], ["Dev", "https://dev.octubre.be"] ]}/>*/}
-              {/*<ButtonGroup buttons={[["Blog", "https://blog.octubre.be"], ["Status", "https://status.octubre.be"], ["Log", "https://home.octubre.be"]]}/>*/}
           </div>
 
           <h3>Contact</h3>

src/buttonGroup.jsx

@@ -12,7 +12,6 @@ const ButtonGroup = ({ buttons }) => {
                 <button key={i} name={buttonLabel[0]} onClick={() => openInNewTab(buttonLabel[1])}>
                     {buttonLabel[0]}
                 </button>
-
             ))}
         </>
     );