Iframe to fit screen in flutter

<div class="row-container">
  <div class="first-row">
    <p>Some text</p>
    <p>And some more text</p>
  </div>
  <iframe src="https://jsfiddle.net/about" class="second-row"></iframe>
</div>
 Run code snippet

Source: stackoverflow.com

Iframe to fit screen in flutter

body, html {width: 100%; height: 100%; margin: 0; padding: 0}
.row-container {display: flex; width: 100%; height: 100%; flex-direction: column; background-color: blue; overflow: hidden;}
.first-row {background-color: lime; }
.second-row { flex-grow: 1; border: none; margin: 0; padding: 0; }

Source: stackoverflow.com

Similar codes

4 votes184 views2 answers
Usememo vs usecallback
Html
50 votes227 views3 answers
Html label tag
Html
0 vote194 views1 answer
Font awesome icon copy clipboard
Html
0 vote196 views1 answer
Definition list in html
Html
14 votes189 views1 answer
Leading spaces html
Html
0 vote183 views1 answer
Remove padding in pre and code
Html
1 vote189 views1 answer
Html form action target blank
Html
0 vote185 views1 answer
Whatsapp href link code
Html
0 vote210 views1 answer
Html iframe only show part of page
Html
0 vote168 views0 answer
Html