How can I make a vertically span the viewport's entire height?

Question

If I have the following HTML code,

<row>
    <column width="10%">
    <column width="80%"><img />
    <column width="10%">
</row>

how can I make the row span the entire height of the view port (in vertical)?

Answer 1

Explanation -

vh - Relative to 1% of the height of the viewport

viewport - the browser window size.

For eg: If the viewport is 50cm high, 1vh = 0.5cm.

Solution to your issue -

row {
    height: 100vh;
}