make featured section div responsive

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 remix_ui-carousel-container">
-        <div className="w-100 d-flex flex-column rounded-3" style={{ height: '450px' }}>
+        <div className="w-100 d-flex flex-column rounded-3 remix_ui-carousel-container">
           <ThemeContext.Provider value={themeFilter}>
             <Carousel
               arrows={false}

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

@@ -117,8 +117,11 @@
 
 .remix_ui-carousel-container {
   container: remix_ui-carousel-container / inline-size;
+  height: 450px;
 }
 
 @container remix_ui-carousel-container (inline-size < 700px) {
-
+  .remix_ui-carousel-container {
+    height: 320px;
+  }
 }

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

@@ -64,6 +64,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
             {!(platform === appPlatformTypes.desktop) ?
               <HomeTabFile plugin={plugin} />:
               <HomeTabFileElectron plugin={plugin}></HomeTabFileElectron>}
+            <HomeTabLearn plugin={plugin} />
           </div>
           <div className="pl-2 pr-3 justify-content-start d-flex flex-column" style={{ width: '65%' }} id="remixUIHTRight">
             <LanguageOptions plugin={plugin}/>