feat: improve column layout

Author: anshg1214

root/main/index.js

@@ -341,7 +341,7 @@ component Homepage(
         {/* Open source */}
         <div className="info-container" id="open-source" ref={openSourceContainerRef}>
           <div className="row g-4">
-            <div className="col-12 col-sm-6">
+            <div className="col-12 col-sm-6 col-md-4">
               <div className="info-container-inner">
                 <h2>{l('Open source')}</h2>
                 <p>
@@ -362,7 +362,7 @@ component Homepage(
               </div>
             </div>
 
-            <div className="col-12 col-sm-6">
+            <div className="col-12 col-sm-6 col-md-4">
               <div className="info-container-inner">
                 <h2>{l('Data provider')}</h2>
                 <p>
@@ -379,10 +379,8 @@ component Homepage(
                 </span>
               </div>
             </div>
-          </div>
 
-          <div className="row g-4">
-            <div className="col-12 col-sm-6">
+            <div className="col-12 col-sm-6 col-md-4">
               <div className="info-container-inner">
                 <h2>{l('Ethical forever')}</h2>
                 <p>

root/static/styles/homepage.less

@@ -1205,7 +1205,7 @@
 		}
 
 		.row {
-			max-width: 875px;
+			max-width: 976px;
 			margin: 0 auto;
 		}