CSS Row Gap Primer Tutorial

CSS Row Gap Primer Tutorial

CSS Row Gap Primer Tutorial

Yes, an HTML div element innerHTML content can be organized like an HTML table in a “grid” like way via CSS like …


<style>
div.grid-container {
display: grid;
row-gap: 50px;
}
</style>

… thanks to https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_row-gap here, too!

And yes, HTML div is more favoured than HTML table regarding responsive design.

And so, yes, we thought you might be interested in our proof of concept css_row_gap_usage.html web application trying to fit some subdiv into window.innerHeight “real estate”.

And …

No No No No N No Yes!

… we think you could also try this out for yourself, below …

If this was interesting you may be interested in this too.

This entry was posted in eLearning, Event-Driven Programming, Tutorials and tagged , , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>