{"id":56552,"date":"2022-08-05T03:01:21","date_gmt":"2022-08-04T17:01:21","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=56552"},"modified":"2022-08-05T18:48:14","modified_gmt":"2022-08-05T08:48:14","slug":"css-row-gap-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/css-row-gap-primer-tutorial\/","title":{"rendered":"CSS Row Gap Primer Tutorial"},"content":{"rendered":"
\"CSS<\/a>

CSS Row Gap Primer Tutorial<\/p><\/div>\n

Yes, an HTML div element innerHTML content can be organized like an HTML table in a “grid” like way via CSS like …<\/p>\n


\n<style>
\ndiv.grid-container {
\n display: grid;
\n row-gap: 50px;
\n}
\n<\/style>
\n<\/code><\/p>\n

… thanks to https:\/\/www.w3schools.com\/cssref\/tryit.asp?filename=trycss3_row-gap<\/a> here, too!<\/p>\n

And yes, HTML div is more favoured than HTML table regarding responsive design<\/a>.<\/p>\n

And so, yes, we thought you might be interested in our proof of concept css_row_gap_usage.html<\/a> web application<\/a> trying to fit some sub<\/font>div into window.innerHeight<\/a> “real estate”.<\/p>\n

And …<\/p>\n

\nNo No No No N No Yes!<\/a>\n<\/p><\/blockquote>\n

… we think you could also try this out for yourself, below …<\/p>\n