color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](First, let’s start with adding a responsive layout file "Responsive.dartare adding in the lib folder then go to main.dart. pl-c1color: rgb(0, 92, 197);](800 pl-kcolor: rgb(215, 58, 73);](&& pl-c1color: rgb(0, 92, 197);](800; pl-c1color: rgb(0, 92, 197);](800) { pl-c1color: rgb(0, 92, 197);](800) {color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](With the help of a Responsive layout file, we can set the layout page is too small or medium or large according to web browser size.color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](
color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](Once we create a responsive layout file, then we create or edit our main.dart file.color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](The Main.dart file we will discuss in the next chapter of this series.color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](
color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](; white-space: pre-wrap; background-color: rgb(233, 236, 239);](color: rgb(74, 74, 74); font-family: Roboto, sans-serif; font-weight: 700;](
color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](color: rgb(74, 74, 74); font-family: Roboto, sans-serif; font-weight: 700;](Demo Site: [http://travellingcouple.nikhil.cf/?i=1#/font-size: 1rem;]()[http://travellingcouple.nikhil.cf/]()[http://travellingcouple.nikhil.cf/](http://travellingcouple.nikhil.cf/)color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](color: rgb(74, 74, 74); font-family: Roboto, sans-serif; font-weight: 700;](
color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](Next Article are coming soon on font-weight: bolder;]([http://fluttercentral.com/]()[http://fluttercentral.com/](FLUTTERCENTRAL.COM)color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](font-weight: bolder;](
color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](font-weight: bolder;](__________________________________________________________________________________________color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](font-weight: bolder;](
color: rgb(33, 37, 41); white-space: pre-wrap; background-color: rgb(233, 236, 239);](color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](
color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](
color: rgba(0, 0, 0, 0.84); font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; font-size: 21px; letter-spacing: -0.084px;](