<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/387/join-list-to-string/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="470.75" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="393" height="470.75" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Join List Array to String in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Join List Array to String in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="393" height="294.75" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="373" height="274.75" aria-label="How to Join List Array to String in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="348" height="46" x="15" y="309.75" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="329.75" textLength="258.078125" lengthAdjust="spacingAndGlyphs">How to Join List Array to String in</tspan><tspan xml:space="preserve" x="15" y="352.75" textLength="86.234375" lengthAdjust="spacingAndGlyphs">Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="348" height="70" x="15" y="370.75" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="390.75" textLength="319.265625" lengthAdjust="spacingAndGlyphs">In this example, you will learn how to join List</tspan><tspan xml:space="preserve" x="15" y="414.75" textLength="333.4375" lengthAdjust="spacingAndGlyphs">array items to string in Flutter or Dart. Here, we</tspan><tspan xml:space="preserve" x="15" y="438.75" textLength="315.75" lengthAdjust="spacingAndGlyphs">are joining the List of plain strings and List of</tspan><tspan xml:space="preserve" x="15" y="462.75" textLength="326.109375" lengthAdjust="spacingAndGlyphs">objects to a single String output. We will use a</tspan><tspan xml:space="preserve" x="15" y="486.75" textLength="310.390625" lengthAdjust="spacingAndGlyphs">simple function that concat List items to one</tspan><tspan xml:space="preserve" x="15" y="510.75" textLength="46.25" lengthAdjust="spacingAndGlyphs">String.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/387/join-list-to-string/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="801.5" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="834" height="801.5" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Join List Array to String in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Join List Array to String in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="834" height="625.5" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="814" height="605.5" aria-label="How to Join List Array to String in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="789" height="46" x="15" y="640.5" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="660.5" textLength="348.75" lengthAdjust="spacingAndGlyphs">How to Join List Array to String in Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="789" height="70" x="15" y="701.5" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="721.5" textLength="762.109375" lengthAdjust="spacingAndGlyphs">In this example, you will learn how to join List array items to string in Flutter or Dart. Here, we are joining the</tspan><tspan xml:space="preserve" x="15" y="745.5" textLength="764.5625" lengthAdjust="spacingAndGlyphs">List of plain strings and List of objects to a single String output. We will use a simple function that concat List</tspan><tspan xml:space="preserve" x="15" y="769.5" textLength="137.84375" lengthAdjust="spacingAndGlyphs">items to one String.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="1276" viewBox="0 0 1440 1276"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="g1 style1"><g data-tag="div" id="g1" class="g pitemone" data-z-index="auto" data-stacking-context="true" aria-owns="a1"><a href="/guide/387/join-list-to-string/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="card1"><g data-tag="div" id="card1" class="card" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-card11)" aria-owns="card-image1 mytask1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="1256" x="0" y="0" fill="rgb(255, 255, 255)" rx="4" ry="4"/></g><mask id="mask-for-card11"><rect width="1440" height="1256" x="0" y="0" fill="#ffffff"/></mask><g data-tag="div" id="card-image1" class="card-image" data-z-index="auto" data-stacking-context="true" aria-owns="image1"><g data-tag="figure" id="image1" class="image is-4by3 myimg" data-z-index="auto" data-stacking-context="true" role="figure" mask="url(#mask-for-image11)" aria-owns="lazy1"><mask id="mask-for-image11"><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/></mask><g data-tag="img" id="lazy1" class="lazy" data-z-index="auto" data-stacking-context="true" role="img" aria-label="How to Join List Array to String in Flutter/Dart" mask="url(#mask-for-lazy11)"><title>How to Join List Array to String in Flutter/Dart</title><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-lazy11"><rect width="1440" height="1080" x="0" y="0" fill="#ffffff"/></mask><image id="lazy1-image" xlink:href="/394f2e7f.webp" x="10" y="10" width="1420" height="1060" aria-label="How to Join List Array to String in Flutter/Dart"/></g></g></g><g data-tag="div" id="mytask1" class="mytask" data-z-index="auto" data-stacking-context="true" aria-owns="mytitlee1 content1"><g data-tag="h2" id="mytitlee1" class="mytitlee" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" mask="url(#mask-for-mytitlee11)"><mask id="mask-for-mytitlee11"><rect width="1395" height="46" x="15" y="1095" fill="#ffffff"/></mask><text color="rgb(0, 102, 153)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(0, 102, 153)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(0, 102, 153)"><tspan xml:space="preserve" x="15" y="1115" textLength="348.75" lengthAdjust="spacingAndGlyphs">How to Join List Array to String in Flutter/Dart</tspan></text></g><g data-tag="div" id="content1" class="content mydetails" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-content11)"><mask id="mask-for-content11"><rect width="1395" height="70" x="15" y="1156" fill="#ffffff"/></mask><text color="rgb(74, 74, 74)" dominant-baseline="text-after-edge" font-family="&quot;Source Sans Pro&quot;, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(74, 74, 74)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(74, 74, 74)"><tspan xml:space="preserve" x="15" y="1176" textLength="1358.5625" lengthAdjust="spacingAndGlyphs">In this example, you will learn how to join List array items to string in Flutter or Dart. Here, we are joining the List of plain strings and List of objects to a single String output. We will use a simple</tspan><tspan xml:space="preserve" x="15" y="1200" textLength="310.390625" lengthAdjust="spacingAndGlyphs">function that concat List items to one String.</tspan></text></g></g></g></a></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="g pitemone" style="margin-bottom:20px;"><a href="guide/387/join-list-to-string/"><div class="card"><div class="card-image"><figure class="image is-4by3 myimg"><img alt="How to Join List Array to String in Flutter/Dart" class="lazy" data-src="img/uploads/web/2023/01/9683cc5f89562ea48e72bb321d9f03fb.webp" src="http://localhost:3000/394f2e7f.webp" title="How to Join List Array to String in Flutter/Dart"></figure></div><div class="mytask"><h2 class="mytitlee">How to Join List Array to String in Flutter/Dart</h2><div class="content mydetails">In this example, you will learn how to join List array items to string in Flutter or Dart. Here, we are joining the List of plain strings and List of objects to a single String output. We will use a simple function that concat List items to one String.</div></div></div></a></div></body>

<style>


  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/sourcesanspro/v14/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }body{margin:0}a:active,a:hover{outline:0}a{color:#1e87f0;text-decoration:none;cursor:pointer}a:hover{color:#0f6ecd;text-decoration:underline}img{vertical-align:middle}img{max-width:100%;height:auto;box-sizing:border-box}img:not([src]){min-width:1px;visibility:hidden}figure{margin:0 0 20px 0}*+figure{margin-top:20px}h2{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+h2{margin-top:40px}h2{font-size:1.7rem;line-height:1.3}@media (min-width:960px){h2{font-size:2rem}}::selection{background:#39f;color:#fff;text-shadow:none}:root{}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}@keyframes uk-spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}:root{}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-small{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-small{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-small{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-small{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-medium{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-medium{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-medium{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-medium{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@keyframes uk-scale-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2{orphans:3;widows:3}h2{page-break-after:avoid}}



@-webkit-keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes spinAround{from{transform:rotate(0)}to{transform:rotate(359deg)}}.content:not(:last-child),.title:not(:last-child){margin-bottom:1.5rem}.image.is-4by3 img{bottom:0;left:0;position:absolute;right:0;top:0}body,figure,h2{margin:0;padding:0}h2{font-size:100%;font-weight:400}*,::after,::before{box-sizing:inherit}img{height:auto;max-width:100%}figure{display:block}body{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif}body{color:#4a4a4a;font-size:1em;font-weight:400;line-height:1.5}a{color:#3273dc;cursor:pointer;text-decoration:none}a:hover{color:#363636}img{height:auto;max-width:100%}.content h2{color:#363636;font-weight:600;line-height:1.125}.content h2{font-size:1.75em;margin-bottom:.5714em}.content h2:not(:first-child){margin-top:1.1428em}.content figure{margin-left:2em;margin-right:2em;text-align:center}.content figure:not(:first-child){margin-top:2em}.content figure:not(:last-child){margin-bottom:2em}.content figure img{display:inline-block}.image{display:block;position:relative}.image img{display:block;height:auto;width:100%}.image.is-4by3 img{height:100%;width:100%}.image.is-4by3{padding-top:75%}@-webkit-keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}.title{word-break:break-word}.title{color:#363636;font-size:2rem;font-weight:600;line-height:1.125}.card{background-color:#fff;border-radius:.25rem;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);color:#4a4a4a;max-width:100%;overflow:hidden;position:relative}.card-image{display:block;position:relative}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.eot);src:url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.woff) format("woff"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(https://www.fluttercampus.com/static/fawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}


        body, h2 {
            font-family: 'Source Sans Pro', sans-serif !important;}
        h2{font-size:25px;color:#333;}
        a{text-decoration:none !important;}

        .card{box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1) !important;}
        a .card:hover{box-shadow:0px 1px 10px 0px rgba(0,0,0,0.15) !important;}

         h2 a{color:#069 !important;}
         h2 a:hover{text-decoration:underline !important;}
        h2{font-weight:bold;}
.myimg{overflow:hidden;position:relative;}
    .myimg img{width:100%;}
    .mytask{margin:15px;margin-left:0px;}
    .mydetails{height:70px;overflow:hidden;}
   .g .myimg{overflow:hidden;position:relative;}
   .g .myimg img{width:100%;padding:10px;}
   .g .mytask{padding:15px;padding-top:0px;}

   .g .mytitlee{overflow: hidden;
            font-size:16px;font-weight:bold;color:#069 !important;
           margin-bottom:15px;margin-top:0px;line-height:23px;height:46px;overflow:hidden;}
    .g .mydetails{height:70px;overflow:hidden;}
  

</style>