Home.dart

//OUR SEVEN ROWS' LAYOUT

                Column(
                  children: <Widget>[
                    SizedBox(height: 32),
                    //Row for menu icon (ROW 1)
                    Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      mainAxisSize: MainAxisSize.max,
                      children: <Widget>[
                        menu,
                        SizedBox(width: 20),
                      ],
                    ),
                    
                   //SPACING
                    SizedBox(height: 20),
                    
                    //Row for Dots (ROW 2)
                    Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      mainAxisSize: MainAxisSize.max,
                      children: <Widget>[
                        dots,
                      ],
                    ),
                    
                    //Spacing
                    SizedBox(height: 30),
                    
                    //Row for City text (ROW 3)
                    Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      mainAxisSize: MainAxisSize.max,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Column(children: <Widget>[
                          //CITY TEXT
                          Text(
                            "Lagos",
                            style: TextStyle(
                              fontSize: 34,
                              color: Colors.white,
                            ),
                          ),
                        ]),
                      ],
                    ),
                    
                    //Row for Date text (ROW 4)
                    Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      mainAxisSize: MainAxisSize.max,
                      children: <Widget>[
                        Column(
                          children: <Widget>[
                            SizedBox(height: 9),
                            //DATE TEXT
                            Text("31st December 2019",
                                style: TextStyle(
                                  fontSize: 9,
                                  color: Colors.white,
                                )),
                          ],
                        ),
                      ],
                    ),
                    
                    //Row for Temprature Text (ROW 5)
                    Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      mainAxisSize: MainAxisSize.max,
                      children: <Widget>[
                        Column(
                          children: <Widget>[
                            SizedBox(height: 68),
                            
                            //TEMPRATURE TEXT
                            Text("29" + "º",
                                style: TextStyle(
                                  fontSize: 72,
                                  color: Colors.white,
                                ))
                          ],
                        ),
                      ],
                    ),
                    
                    //Row for weather icon and description (ROW 6)
                    Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      mainAxisSize: MainAxisSize.max,
                      children: <Widget>[
                        SizedBox(width: 10),
                        icon,
                        SizedBox(width: 9),
                        Text("Raining",
                            style: TextStyle(
                              fontSize: 19,
                              color: Colors.white,
                            )),
                      ],
                    ),
                  
                   //more code here....
                  ],
                ),