split left and right sections properly

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -17,7 +17,7 @@ function HomeTabFeatured() {
         <FormattedMessage id="home.featured" />
       </label>
       <div className="mb-2">
-        <div className="w-100 d-flex flex-column" style={{ height: '200px' }}>
+        <div className="w-100 d-flex flex-column" style={{ height: '300px' }}>
           <ThemeContext.Provider value={themeFilter}>
             <Carousel
               arrows={false}
@@ -43,7 +43,7 @@ function HomeTabFeatured() {
             >
               <div className="mr-1 pr-1 d-flex">
                 <a href={releaseDetails.moreLink} target="__blank">
-                  <img src={'assets/img/remi_drums_whatsnew.webp'} style={{ flex: '1', height: '170px', maxWidth: '170px' }} alt=""></img>
+                  <img src={'assets/img/remi_drums_whatsnew.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
                 </a>
                 <div className="h6 w-50 p-2 pl-4 align-self-center" style={{ flex: '1' }}>
                   <h5>{releaseDetails.version} {releaseDetails.title}</h5>
@@ -67,7 +67,7 @@ function HomeTabFeatured() {
               </div>
               <div className="mr-1 pr-1 d-flex">
                 <a href="https://remix-project.org" target="__blank">
-                  <img src={'assets/img/bgRemi_small.webp'} style={{ flex: '1', height: '170px', maxWidth: '170px' }} alt=""></img>
+                  <img src={'assets/img/bgRemi_small.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
                 </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
@@ -88,7 +88,7 @@ function HomeTabFeatured() {
               </div>
               <div className="mr-1 pr-1 d-flex">
                 <a href="https://www.youtube.com/@EthereumRemix/videos" target="__blank">
-                  <img src={'/assets/img/YouTubeLogo.webp'} style={{ flex: '1', height: '170px', maxWidth: '170px' }} alt=""></img>
+                  <img src={'/assets/img/YouTubeLogo.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
                 </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>
@@ -112,7 +112,7 @@ function HomeTabFeatured() {
               </div>
               <div className="mr-1 pr-1 d-flex">
                 <a href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform" target="__blank">
-                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} style={{ flex: '1', height: '170px', maxWidth: '170px' }} alt=""></img>
+                  <img src={'/assets/img/remixRewardBetaTester_small.webp'} style={{ flex: '1', height: '220px', maxWidth: '220px' }} alt=""></img>
                 </a>
                 <div className="h6 w-50 p-2 pl-4  align-self-center" style={{ flex: '1' }}>
                   <h5>

libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx

@@ -84,7 +84,7 @@ function HomeTabFeaturedPlugins({ plugin }: HomeTabFeaturedPluginsProps) {
   }
 
   return (
-    <div className="pl-2 w-100" id="hTFeaturedPlugins">
+    <div className="pl-2 w-100 align-items-end" id="hTFeaturedPlugins">
       <label className="" style={{ fontSize: '1.2rem' }}>
         <FormattedMessage id="home.featuredPlugins" />
       </label>

libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx

@@ -307,7 +307,7 @@ contract HelloWorld {
         {/* <label style={{ fontSize: '0.8rem' }} className="pt-3">
           <FormattedMessage id="home.loadFrom" />
         </label> */}
-        <div className="d-flex mt-2">
+        <div className="d-flex mt-2 align-items-end">
           {/* <button className="btn p-2 border mr-2" data-id="landingPageImportFromGistButton" onClick={() => importFromGist()}>
             Gist
           </button>

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx

@@ -55,9 +55,9 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
   }, [])
 
   return (
-    <div className="d-flex flex-column w-100" data-id="remixUIHTAll">
+    <div className="d-flex flex-column w-100 h-100" data-id="remixUIHTAll">
       <ThemeContext.Provider value={state.themeQuality}>
-        <div className="d-flex flex-row w-100 custom_home_bg">
+        <div className="d-flex flex-row w-100 h-100 custom_home_bg">
           <div className="px-2 pl-3 justify-content-start d-flex border-right flex-column" id="remixUIHTLeft" style={{ width: 'inherit' }}>
             <HomeTabTitle />
             <HomeTabGetStarted plugin={plugin}></HomeTabGetStarted>

libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx

@@ -15,19 +15,19 @@ export default function ScamDetails ({ refs, floatStyle }: ScamDetailsProps) {
     <div
       ref={refs.setFloating}
       style={floatStyle}
-      className="py-2 ml-2 mb-1 align-self-end mb-2 d-flex w-25 bg-danger border border-danger align-items-end"
+      className="py-2 ml-2 mb-1 align-self-end mb-2 d-flex w-25 bg-danger border border-danger"
     >
       <span className="align-self-center pl-4 mt-1">
         <i style={{ fontSize: 'xxx-large', fontWeight: 'lighter' }} className="pr-2 text-warning far fa-exclamation-triangle"></i>
       </span>
-      <div className="d-flex flex-column">
+      <div className="d-flex flex-column text-white">
         <span className="pl-4 mt-1">
           <FormattedMessage id="home.scamAlertText" />
         </span>
         <span className="pl-4 mt-1">
           <FormattedMessage id="home.scamAlertText2" />:
           <a
-            className="pl-2 remixui_home_text"
+            className="pl-2 remixui_home_text text-white"
             onClick={() => _paq.push(['trackEvent', 'hometab', 'scamAlert', 'learnMore'])}
             target="__blank"
             href="https://medium.com/remix-ide/remix-in-youtube-crypto-scams-71c338da32d"
@@ -38,7 +38,7 @@ export default function ScamDetails ({ refs, floatStyle }: ScamDetailsProps) {
         <span className="pl-4 mt-1">
           <FormattedMessage id="home.scamAlertText3" />: &nbsp;
           <a
-            className="remixui_home_text"
+            className="remixui_home_text text-white"
             onClick={() => _paq.push(['trackEvent', 'hometab', 'scamAlert', 'safetyTips'])}
             target="__blank"
             href="https://remix-ide.readthedocs.io/en/latest/security.html"