Flutter Responsive Tasarm

Height in Design / Width in Design = Height in Device / Width in DesignTasarm ykseklii / Tasarm genilii = Cihaz ykseklii / Tasarm genilii

final MediaQueryData mediaQueryData = MediaQuery.of(context);final double deviceHeight = mediaQueryData.size.height;final double deviceWidth = mediaQueryData.size.width;

final double responsiveWidth =     (deviceWidth / 2) - padding - (spaceBetween / 2); 

final double responsiveHeight =    (heightInDesign / widthInDesign) * responsiveWidth;

final MediaQueryData mediaQueryData = MediaQuery.of(context);final double deviceWidth = mediaQueryData.size.width;final double heightInDesign = 260;final double widthInDesign = 170;final double padding = 18;final double spaceBetween = 24;final double responsiveWidth =    (deviceWidth / 2) - padding - (spaceBetween / 2);final double responsiveHeight =    (heightInDesign / widthInDesign) * responsiveWidth;return SingleChildScrollView(  child: Padding(    padding: EdgeInsets.symmetric(      horizontal: padding,    ),    child: Row(      children: [        Container(          height: responsiveHeight,          width: responsiveWidth,          color: Colors.grey,          child: Column(            children: [              //card content for text and image            ],          ),        ),        SizedBox(          width: spaceBetween,        ),        Container(          height: responsiveHeight,          width: responsiveWidth,          color: Colors.grey,          child: Column(            children: [              //card content for text and image            ],          ),        )      ],    ),  ),);

import 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget {  const MyApp({Key? key}) : super(key: key);  static const String _title = 'Flutter Code Sample';  @override  Widget build(BuildContext context) {    return const MaterialApp(      title: _title,      home: MyStatelessWidget(),    );  }}class MyStatelessWidget extends StatelessWidget {  const MyStatelessWidget({Key? key}) : super(key: key);  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(title: const Text('LayoutBuilder Example')),      body: LayoutBuilder(        builder: (BuildContext context, BoxConstraints constraints) {          if (constraints.maxWidth > 600) {            return _buildWideContainers();          } else {            return _buildNormalContainer();          }        },      ),    );  }  Widget _buildNormalContainer() {    return Center(      child: Container(        height: 100.0,        width: 100.0,        color: Colors.red,      ),    );  }  Widget _buildWideContainers() {    return Center(      child: Row(        mainAxisAlignment: MainAxisAlignment.spaceEvenly,        children: <Widget>[          Container(            height: 100.0,            width: 100.0,            color: Colors.red,          ),          Container(            height: 100.0,            width: 100.0,            color: Colors.yellow,          ),        ],      ),    );  }}