Lorem ipsum dolor sit amet consectetuer nibh Phasellus nibh sollicitudin leo. Elit justo eget ut volutpat urna elit ipsum Nunc enim habitant. Vestibulum aliquet Sed est justo In pede dolor nec turpis nec. Sem egestas nunc habitant risus et sodales laoreet nisl Donec orci. Vitae pede Vestibulum Nunc amet dis eget tellus Phasellus tellus fames. Ac vitae Nullam scelerisque mus Nulla condimentum velit porttitor semper sem. Urna Proin platea.
Interdum nec quis felis interdum risus vitae est mattis semper molestie. Semper dictumst justo rutrum risus neque laoreet elit Aenean nisl sagittis. Pellentesque ipsum wisi Morbi adipiscing laoreet mauris Morbi nibh libero quis. Hac Phasellus pretium id convallis nisl turpis diam vitae sit facilisi. Ac vel eros vel In elit euismod risus ac Curabitur lacinia. Sem orci Vestibulum nunc Lorem Nullam.
Aliquam tortor ante amet sit velit est et facilisis sed sagittis. Consequat lacinia Curabitur sapien lorem ac Nulla Pellentesque orci Vestibulum egestas. Orci amet malesuada faucibus augue amet quis id est Phasellus mattis. Hendrerit nonummy Nulla ante Proin wisi Nulla cursus justo urna tellus. Ut at cursus ut pulvinar cursus ut laoreet lorem convallis Vestibulum. Mollis quis natoque nec magna facilisi nec eros elit dapibus fringilla.
Odio quis metus ipsum consectetuer eu ut nibh Sed mollis odio. Curabitur dolor condimentum Sed fringilla convallis purus at augue et sodales. Vestibulum Suspendisse in elit sed tempus auctor volutpat scelerisque justo scelerisque. Aenean Morbi lacinia convallis ante nibh diam lorem hendrerit turpis nunc. Metus at vitae Donec enim nibh dui est et ipsum auctor. Porttitor vitae ipsum nisl at libero platea tincidunt Curabitur feugiat enim. Habitasse lobortis Proin.
Lorem ipsum dolor sit amet consectetuer tellus parturient a pellentesque natoque. Quis Morbi aliquet velit natoque quam elit tellus lacinia tempor Phasellus. Auctor enim Nunc Donec hac tempor Lorem Phasellus Curabitur consequat ipsum. Id libero at facilisis libero Vestibulum gravida congue turpis eget sodales. Dictum tincidunt Aenean ut pharetra dolor accumsan id at.
Egestas et Nunc mi malesuada mauris sem Vivamus quis egestas feugiat. Tempor elit Aliquam consectetuer pulvinar orci habitasse sodales Vestibulum libero felis. Sapien nibh sed velit odio enim tempus Nam Lorem condimentum tellus. Adipiscing massa pretium ut eget et elit urna tellus vitae quis. Ridiculus lacus tortor pede Morbi wisi malesuada consequat velit eu.
Lorem ipsum dolor sit amet consectetuer augue Pellentesque ut nonummy ac. Lacinia tellus urna ut diam elit ante orci et malesuada Pellentesque. Phasellus et libero turpis vestibulum congue mattis id penatibus enim risus. Porta velit et facilisi Phasellus urna ante sem senectus molestie ac. Ante id pede elit pretium eu nulla ipsum leo scelerisque vel. Ut orci Pellentesque scelerisque consequat urna ac et leo eros adipiscing.
Ut Fusce lobortis et eleifend Curabitur tellus et ultrices Sed ac. Condimentum Curabitur elit vitae Curabitur eu dolor mauris at convallis aliquet. Tincidunt libero vitae laoreet egestas fermentum urna iaculis id magna urna. Sed et est Curabitur adipiscing Aenean porttitor ac quam sed amet. Urna Quisque Cum dapibus neque tellus et pellentesque adipiscing consequat augue. Magna Vivamus Maecenas orci et parturient nulla.
Et tellus laoreet Aenean eu Lorem et et et justo aliquet. Mollis risus nec tortor nibh Maecenas consequat tortor quis justo mi. Sed Aenean arcu ullamcorper Curabitur volutpat Aliquam Curabitur tellus pretium wisi. Tincidunt justo lacinia Morbi venenatis dictumst et urna Phasellus Vivamus ridiculus. Integer commodo fringilla vel neque amet Vestibulum Suspendisse Nunc et sem. Ac turpis eget ligula Nam neque at Suspendisse sem nunc eros.
In facilisis faucibus mollis mattis risus aliquet ut fringilla Vestibulum pede. Lacinia Nam sit in Suspendisse elit iaculis Mauris semper gravida nec. Neque Quisque eleifend et dui feugiat justo faucibus eget faucibus justo. Molestie justo semper sed velit orci Phasellus semper justo est suscipit. Amet Duis Lorem accumsan congue Maecenas sed Vestibulum orci ipsum consectetuer. Lorem a tincidunt lacinia.
Quisque risus sagittis sed interdum gravida ut ante mus Sed Praesent. Id et convallis nec sed In nibh pretium massa dis Lorem. Phasellus facilisis Curabitur Nam tincidunt adipiscing ante hac mauris Ut Donec. Orci risus amet tincidunt Curabitur cursus semper libero et risus leo. Sagittis ante consectetuer Quisque dolor habitasse elit et.
Vlastnost grid-template-rows určuje výšku řádku (height).
<!DOCTYPE html>
<html>
<head>
<style>
.grid-container {
display: grid;
grid-template-columns: auto auto auto;
grid-template-rows: 12em auto;
gap: 0.5em;
background-color: #f1f1f1;
padding: 0.5em;
}
.grid-container > div {
background-color: rgba(230, 230, 230, 0.8);
text-align: center;
padding: 0.5em;
font-size: 1.5em;
border: 1px solid black;
}
</style>
</head>
<body>
<h2>Vlastnost grid-template-rows </h2>
<div class="grid-container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>
<p>Vlastnost <em>grid-template-rows</em> určuje výšku řádku (height).</p>
</body>
</html>