home4: smallscreen

lib/screen_small/small_home/small_home4.dart

@@ -7,13 +7,13 @@ class SmallHome4 extends StatelessWidget {
   Widget build(BuildContext context) {
     var ScreenSize = MediaQuery.of(context).size;
     return Container(
-      padding: EdgeInsets.symmetric(horizontal: 15),
+      padding: EdgeInsets.symmetric(horizontal: 10,vertical: 20),
       width: ScreenSize.width,
-      height: ScreenSize.height * 1.7,
+      height: ScreenSize.height * 1.2,
       color: Colors.white,
       child: Container(
         width: ScreenSize.width * 0.20,
-        height: ScreenSize.height * 0.75,
+        height: ScreenSize.height * 1,
         decoration: BoxDecoration(
           borderRadius: BorderRadius.circular(20),
           //color: Color.fromARGB(200, 9, 47, 171),
@@ -30,35 +30,41 @@ class SmallHome4 extends StatelessWidget {
             ),
           ],
         ),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 20,vertical: 15),
           child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.center,
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            crossAxisAlignment: CrossAxisAlignment.start,
             children: <Widget>[
               Container(
-              width: ScreenSize.width * 0.36,
-              height: ScreenSize.height * 0.7,
-              color: Colors.blue[900],
-              child: Column(
-                children: <Widget>[
-                  Column(
-                    children: [
-                      Container(
-                        height: ScreenSize.height*0.3,
-                        width: ScreenSize.width * 0.30,
+                height: ScreenSize.height*0.1,
+                width: ScreenSize.width,
                 child: Text(
                   "Mobile & Web Apps",
-                          style: TextStyle(color: Colors.white, fontSize: 34),
+                  style: TextStyle(color: Colors.white, fontSize: 36),
                   textAlign: TextAlign.center,
                 ),
               ),
               Container(
-                          height: ScreenSize.height*0.3,
-                          width: ScreenSize.width * 0.30,
+                width: ScreenSize.width*0.8,
+                height: ScreenSize.height * 0.6,
+                // color: Colors.white,
+                decoration: BoxDecoration(
+                    color: Colors.white,
+                    image: DecorationImage(
+                        image: AssetImage('assets/images/medaps3.png'),fit: BoxFit.fill),
+                    borderRadius: BorderRadius.circular(20)),
+              ),
+              Container(
+                  height: ScreenSize.height*0.13,
+                  width: ScreenSize.width,
                   child: Text(
                     "MedApps menyediakan Aplikasi Mobile dan juga website yang bisa anda kunjungi",
-                            style: TextStyle(fontSize: 18, color: Colors.white),
+                    style: TextStyle(fontSize: 20, color: Colors.white),
+                    textAlign: TextAlign.justify,
                   )),
-                      Container(
+              Center(
+                child: Container(
                   height: 50,
                   width: 200,
                   child: ElevatedButton(
@@ -78,23 +84,10 @@ class SmallHome4 extends StatelessWidget {
                     ),
                   ),
                 ),
-                      Container(
-                        width: ScreenSize.width * 0.3,
-                        height: ScreenSize.height * 0.69,
-                        // color: Colors.white,
-                        decoration: BoxDecoration(
-                            color: Colors.white,
-                            image: DecorationImage(
-                                image: AssetImage('assets/images/medaps3.png')),
-                            borderRadius: BorderRadius.circular(20)),
-                      ),
-                    ],
               ),
             ],
           ),
         ),
-          ],
-        ),
       ),
     );
   }