Center(

child: Container(
width: 200,
height: 200,
color: Colors.blueGrey,
child: Center(
child: Text("Wow What a Container",
style: TextStyle(fontSize: 15,
color: Colors.orange,
backgroundColor: Colors.cyanAccent,
fontWeight: FontWeight.w600,
),
),
)
),
)

TextButton(
child: Text("Click Me",
style: TextStyle(
fontSize: 20,
),
),
onPressed: () {
print("Button Pressed");
},
onLongPress: () {
print("Text Button Long Pressed");
},
),

ElevatedButton(
child: Text("Hello I am Elevated Button"),
onPressed: () {
print("Elevated Button Pressed");
},
onLongPress: () {
print("Elevated Button Long Pressed");
},
)

OutlinedButton(
child: Text("I am Outlined Button"),
onPressed: () {
print("Outlined Button Pressed");
},
onLongPress: () {
print("Outlined Button Long Pressed");
},
),
OutlinedButton(
child: Text("I am Outlined Button"),
onPressed: () {
print("Outlined Button Pressed");
Navigator.push(context, MaterialPageRoute(builder: (context)=>Page2()),);
},
onLongPress: () {
print("Outlined Button Long Pressed");
},
),

Center(
child: Container(
width: 100,
height: 100,
decoration: BoxDecoration(
color: Colors.brown,
borderRadius: BorderRadius.circular(60),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(60),
child: Image.asset("assets/images/profile.jpg",
fit: BoxFit.cover,
),
)
),
)

Container(
// width: MediaQuery.of(context).size.width,
// width: 200,
// height: MediaQuery.of(context).size.height,
// height: 300,

decoration: BoxDecoration(
border: Border.all(color: Colors.black),
// borderRadius: BorderRadius.circular(50),
color: const Color.fromARGB(255, 163, 149, 149)
),

child: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[ // Specifies which type of Array should be
Container(
decoration: BoxDecoration(
border: Border.all(color: Colors.black),
// borderRadius: BorderRadius.circular(50),
color: const Color.fromARGB(255, 163, 149, 149)
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
 crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Text("A", style: TextStyle(fontSize: 20),),
Text("B", style: TextStyle(fontSize: 20),),
Column(
children: [
ElevatedButton(onPressed: (){

}, child: Text("CLick Me 1")),

ElevatedButton(onPressed: (){

}, child: Text("CLick Me 2"))

],
),
Text("C", style: TextStyle(fontSize: 20),),
Text("D", style: TextStyle(fontSize: 20),),
Text("E", style: TextStyle(fontSize: 20),),
],
),
),
Text("A", style: TextStyle(fontSize: 20),),
Text("B", style: TextStyle(fontSize: 20),),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
ElevatedButton(onPressed: (){

}, child: Text("CLick Me 1")),

ElevatedButton(onPressed: (){

}, child: Text("CLick Me 2"))

],
),
Text("C", style: TextStyle(fontSize: 20),),
Text("D", style: TextStyle(fontSize: 20),),
Text("E", style: TextStyle(fontSize: 20),),

],
),
)

Center(
child: InkWell(
onTap: () {
print("InkWell Trigerred onTap");
},
onDoubleTap: () {
print("InkWell Trigerred onDoubleTap");
},
onLongPress: () {
print("InkWell Trigerred onLongPress");
},
child: Container(
width: 200,
height: 200,
 decoration: BoxDecoration(
color: Colors.lightGreen,
),
child: Center(
child: InkWell(
onTap: () {
print("Text Tapped");
},
child: Text(
"I am a Container",
style: TextStyle(
fontSize: 15,
fontWeight: FontWeight.bold,
),
),
),
),
),
),
)