thêm trượt lên xuống, trái phải cho tôi :
import 'package:flutter/material.dart';
import 'package:flutter/gestures.dart';
import 'dart:ui';
import 'package:google_fonts/google_fonts.dart';
import 'package:myapp/utils.dart';

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    double baseWidth = 390;
    
    return Container(
      width: double.infinity,
      child: Container(
        // home6UQ (2:156)
        width: double.infinity,
        height: 844 ,
        decoration: BoxDecoration (
          color: Color(0xfff1f5ff),
        ),
        child: Stack(
          children: [
            Positioned(
              // frame2Qzt (2:267)
              left: 17 ,
              top: 46.5 ,
              child: Container(
                width: 656 ,
                height: 845.5 ,
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Container(
                      // autogroupgzekviL (Wad25ND84GbwKVLbDSgzek)
                      margin: EdgeInsets.fromLTRB(0 , 0 , 0 , 37 ),
                      width: 73 ,
                      height: 35.5 ,
                      child: Stack(
                        children: [
                          Positioned(
                            // xinchoEyv (2:170)
                            left: 0 ,
                            top: 0 ,
                            child: Center(
                              child: Align(
                                child: SizedBox(
                                  width: 57 ,
                                  height: 17 ,
                                  child: Text(
                                    'Xin chào,',
                                    textAlign: TextAlign.center,
                                    style: SafeGoogleFont (
                                      'Roboto',
                                      fontSize: 14,
                                      fontWeight: FontWeight.w400,
                                      height: 1.1725 ,
                                      color: Color(0xff000000),
                                    ),
                                  ),
                                ),
                              ),
                            ),
                          ),
                          Positioned(
                            // johndoeieC (2:171)
                            left: 0 ,
                            top: 16.5 ,
                            child: Center(
                              child: Align(
                                child: SizedBox(
                                  width: 73 ,
                                  height: 19 ,
                                  child: Text(
                                    'John Doe.',
                                    textAlign: TextAlign.center,
                                    style: SafeGoogleFont (
                                      'Roboto',
                                      fontSize: 16  ,
                                      fontWeight: FontWeight.w700,
                                      height: 1.1725    ,
                                      color: Color(0xff000000),
                                    ),
                                  ),
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      // tintcbxt (2:199)
                      margin: EdgeInsets.fromLTRB(9.5 , 0 , 0 , 38 ),
                      width: 336.5 ,
                      decoration: BoxDecoration (
                        borderRadius: BorderRadius.circular(10 ),
                      ),
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Center(
                            // tintcmihFE (2:179)
                            child: Container(
                              margin: EdgeInsets.fromLTRB(0 , 0 , 0 , 10 ),
                              width: double.infinity,
                              child: Text(
                                'Tin tức mới',
                                textAlign: TextAlign.center,
                                style: SafeGoogleFont (
                                  'Roboto',
                                  fontSize: 16  ,
                                  fontWeight: FontWeight.w500,
                                  height: 1.1725    ,
                                  color: Color(0xff000000),
                                ),
                              ),
                            ),
                          ),
                          Container(
                            // maskgroupZYL (2:197)
                            margin: EdgeInsets.fromLTRB(0.5 , 0 , 0 , 0 ),
                            width: 336 ,
                            height: 122 ,
                            child: Image.asset(
                              'assets/page-1/images/mask-group-TMz.png',
                              width: 336 ,
                              height: 122 ,
                            ),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      // khahccatirGY (2:227)
                      margin: EdgeInsets.fromLTRB(9 , 0 , 0 , 24 ),
                      width: 647 ,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Center(
                            // khahccati9Fe (2:201)
                            child: Container(
                              margin: EdgeInsets.fromLTRB(0 , 0 , 0 , 15 ),
                              width: double.infinity,
                              child: Text(
                                'Khóa học của tôi',
                                textAlign: TextAlign.center,
                                style: SafeGoogleFont (
                                  'Roboto',
                                  fontSize: 16  ,
                                  fontWeight: FontWeight.w500,
                                  height: 1.1725    ,
                                  color: Color(0xff000000),
                                ),
                              ),
                            ),
                          ),
                          Container(
                            // frame1ob6 (2:226)
                            margin: EdgeInsets.fromLTRB(1 , 0 , 0 , 0 ),
                            width: double.infinity,
                            height: 246 ,
                            child: Row(
                              crossAxisAlignment: CrossAxisAlignment.center,
                              children: [
                                Container(
                                  // group17uu2 (2:217)
                                  margin: EdgeInsets.fromLTRB(0 , 0 , 14 , 0 ),
                                  padding: EdgeInsets.fromLTRB(0 , 0 , 0 , 37.5 ),
                                  width: 316 ,
                                  height: double.infinity,
                                  decoration: BoxDecoration (
                                    color: Color(0xffffffff),
                                    borderRadius: BorderRadius.circular(10 ),
                                  ),
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      Container(
                                        // maskgroupxsJ (2:214)
                                        margin: EdgeInsets.fromLTRB(0 , 0 , 0 , 18 ),
                                        width: 316 ,
                                        height: 151 ,
                                        child: Image.asset(
                                          'assets/page-1/images/mask-group-wfE.png',
                                          width: 316 ,
                                          height: 151 ,
                                        ),
                                      ),
                                      Container(
                                        // khatoeiccptcdyS (2:212)
                                        margin: EdgeInsets.fromLTRB(13 , 0 , 0 , 5.5 ),
                                        child: Text(
                                          'Khóa Toeic cấp tốc',
                                          style: SafeGoogleFont (
                                            'Roboto',
                                            fontSize: 16  ,
                                            fontWeight: FontWeight.w500,
                                            height: 1.1725    ,
                                            color: Color(0xff000000),
                                          ),
                                        ),
                                      ),
                                      Center(
                                        // gingvinnguynthbJpg (2:213)
                                        child: Container(
                                          width: double.infinity,
                                          child: Text(
                                            'Giảng viên: Nguyễn Thị B',
                                            textAlign: TextAlign.center,
                                            style: SafeGoogleFont (
                                              'Roboto',
                                              fontSize: 12  ,
                                              fontWeight: FontWeight.w400,
                                              height: 1.1725    ,
                                              color: Color(0xff000000),
                                            ),
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                                Container(
                                  // group18zBi (2:218)
                                  padding: EdgeInsets.fromLTRB(0 , 0 , 0 , 37.5 ),
                                  width: 316 ,
                                  height: double.infinity,
                                  decoration: BoxDecoration (
                                    color: Color(0xffffffff),
                                    borderRadius: BorderRadius.circular(10 ),
                                  ),
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      Container(
                                        // maskgroupU6t (2:223)
                                        margin: EdgeInsets.fromLTRB(0 , 0 , 0 , 18 ),
                                        width: 316 ,
                                        height: 151 ,
                                        child: Image.asset(
                                          'assets/page-1/images/mask-group-Bxc.png',
                                          width: 316 ,
                                          height: 151 ,
                                        ),
                                      ),
                                      Container(
                                        // tingnhtcbnYcY (2:221)
                                        margin: EdgeInsets.fromLTRB(13 , 0 , 0 , 5.5 ),
                                        child: Text(
                                          'Tiếng Nhật cơ bản',
                                          style: SafeGoogleFont (
                                            'Roboto',
                                            fontSize: 16  ,
                                            fontWeight: FontWeight.w500,
                                            height: 1.1725    ,
                                            color: Color(0xff000000),
                                          ),
                                        ),
                                      ),
                                      Center(
                                        // gingvinnguynthbRRS (2:222)
                                        child: Container(
                                          width: double.infinity,
                                          child: Text(
                                            'Giảng viên: Nguyễn Thị B',
                                            textAlign: TextAlign.center,
                                            style: SafeGoogleFont (
                                              'Roboto',
                                              fontSize: 12  ,
                                              fontWeight: FontWeight.w400,
                                              height: 1.1725    ,
                                              color: Color(0xff000000),
                                            ),
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      // lphccati7JG (2:247)
                      margin: EdgeInsets.fromLTRB(10 , 0 , 0 , 0 ),
                      width: 646 ,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Container(
                            // lphccatiR44 (2:265)
                            margin: EdgeInsets.fromLTRB(0 , 0 , 0 , 15 ),
                            child: Text(
                              'Lớp học của tôi',
                              style: SafeGoogleFont (
                                'Roboto',
                                fontSize: 16  ,
                                fontWeight: FontWeight.w500,
                                height: 1.1725    ,
                                color: Color(0xff000000),
                              ),
                            ),
                          ),
                          Container(
                            // frame1Vpc (2:248)
                            width: double.infinity,
                            height: 246 ,
                            child: Row(
                              crossAxisAlignment: CrossAxisAlignment.center,
                              children: [
                                Container(
                                  // group17qda (2:249)
                                  margin: EdgeInsets.fromLTRB(0 , 0 , 14 , 0 ),
                                  padding: EdgeInsets.fromLTRB(0 , 0 , 0 , 37.5 ),
                                  width: 316 ,
                                  height: double.infinity,
                                  decoration: BoxDecoration (
                                    color: Color(0xffffffff),
                                    borderRadius: BorderRadius.circular(10 ),
                                  ),
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      Container(
                                        // maskgroupgu6 (2:254)
                                        margin: EdgeInsets.fromLTRB(0 , 0 , 0 , 18 ),
                                        width: 316 ,
                                        height: 151 ,
                                        child: Image.asset(
                                          'assets/page-1/images/mask-group-gik.png',
                                          width: 316 ,
                                          height: 151 ,
                                        ),
                                      ),
                                      Container(
                                        // khatoeiccptcaja (2:252)
                                        margin: EdgeInsets.fromLTRB(13 , 0 , 0 , 5.5 ),
                                        child: Text(
                                          'Khóa Toeic cấp tốc',
                                          style: SafeGoogleFont (
                                            'Roboto',
                                            fontSize: 16  ,
                                            fontWeight: FontWeight.w500,
                                            height: 1.1725    ,
                                            color: Color(0xff000000),
                                          ),
                                        ),
                                      ),
                                      Center(
                                        // gingvinnguynthbfm2 (2:253)
                                        child: Container(
                                          width: double.infinity,
                                          child: Text(
                                            'Giảng viên: Nguyễn Thị B',
                                            textAlign: TextAlign.center,
                                            style: SafeGoogleFont (
                                              'Roboto',
                                              fontSize: 12  ,
                                              fontWeight: FontWeight.w400,
                                              height: 1.1725    ,
                                              color: Color(0xff000000),
                                            ),
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                                Container(
                                  // group18SvC (2:257)
                                  padding: EdgeInsets.fromLTRB(0 , 0 , 0 , 37.5 ),
                                  width: 316 ,
                                  height: double.infinity,
                                  decoration: BoxDecoration (
                                    color: Color(0xffffffff),
                                    borderRadius: BorderRadius.circular(10 ),
                                  ),
                                  child: Column(
                                    crossAxisAlignment: CrossAxisAlignment.start,
                                    children: [
                                      Container(
                                        // maskgroup8HE (2:262)
                                        margin: EdgeInsets.fromLTRB(0 , 0 , 0 , 18 ),
                                        width: 316 ,
                                        height: 151 ,
                                        child: Image.asset(
                                          'assets/page-1/images/mask-group-Uwi.png',
                                          width: 316 ,
                                          height: 151 ,
                                        ),
                                      ),
                                      Container(
                                        // tingnhtcbn168 (2:260)
                                        margin: EdgeInsets.fromLTRB(13 , 0 , 0 , 5.5 ),
                                        child: Text(
                                          'Tiếng Nhật cơ bản',
                                          style: SafeGoogleFont (
                                            'Roboto',
                                            fontSize: 16  ,
                                            fontWeight: FontWeight.w500,
                                            height: 1.1725    ,
                                            color: Color(0xff000000),
                                          ),
                                        ),
                                      ),
                                      Center(
                                        // gingvinnguynthb5rg (2:261)
                                        child: Container(
                                          width: double.infinity,
                                          child: Text(
                                            'Giảng viên: Nguyễn Thị B',
                                            textAlign: TextAlign.center,
                                            style: SafeGoogleFont (
                                              'Roboto',
                                              fontSize: 12  ,
                                              fontWeight: FontWeight.w400,
                                              height: 1.1725    ,
                                              color: Color(0xff000000),
                                            ),
                                          ),
                                        ),
                                      ),
                                    ],
                                  ),
                                ),
                              ],
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
            Positioned(
              // thanhiuhngmDi (2:266)
              left: 0 ,
              top: 781 ,
              child: Container(
                padding: EdgeInsets.fromLTRB(39 , 15 , 38 , 23 ),
                width: 390 ,
                height: 63 ,
                decoration: BoxDecoration (
                  color: Color(0xffffffff),
                ),
                child: Row(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    Container(
                      // home1D5i (2:175)
                      width: 25 ,
                      height: 25 ,
                      child: Image.asset(
                        'assets/page-1/images/home-1.png',
                        fit: BoxFit.cover,
                      ),
                    ),
                    SizedBox(
                      width: 71 ,
                    ),
                    TextButton(
                      // booksuz8 (2:174)
                      onPressed: () {},
                      style: TextButton.styleFrom (
                        padding: EdgeInsets.zero,
                      ),
                      child: Container(
                        width: 25 ,
                        height: 25 ,
                        child: Image.asset(
                          'assets/page-1/images/books.png',
                          fit: BoxFit.cover,
                        ),
                      ),
                    ),
                    SizedBox(
                      width: 71 ,
                    ),
                    TextButton(
                      // presentation1XN (2:176)
                      onPressed: () {},
                      style: TextButton.styleFrom (
                        padding: EdgeInsets.zero,
                      ),
                      child: Container(
                        width: 25 ,
                        height: 25 ,
                        child: Image.asset(
                          'assets/page-1/images/presentation.png',
                          fit: BoxFit.cover,
                        ),
                      ),
                    ),
                    SizedBox(
                      width: 71 ,
                    ),
                    Container(
                      // circleuser11JFa (2:173)
                      width: 25 ,
                      height: 25 ,
                      child: Image.asset(
                        'assets/page-1/images/circle-user-1-1.png',
                        fit: BoxFit.cover,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
          );
  }
}