html - Breaking Text Block In A DIV To Screen Height -


ideally want have columns when displayed visible screen on 1 screen page visible show full columns (no matter how many across) height of current screen.

these columns break content automatically on next page if content long single screen user page down see next block of columns.

the css code using make (two) columns right (that responsive) below:

.resp-column {   padding: 1em;   -moz-column-count: 2;   -moz-column-gap: 1em;   -webkit-column-count: 2;   -webkit-column-gap: 1em;   column-count: 2;   column-gap: 1em; }  @media screen , (max-width:480px) { .resp-column {column-count: 1;} } 

so... css works fine 2 columns , responsive know when have 2 long columns of text pain read on device unless break per current screen length.

how : break content on screen length automatically when not on @media screens?

i tried adding > height: 100vh; < .resp-column , did not work... created multiple horizontal columns.

thanks , in advance.


Comments

Popular posts from this blog

java - Intellij Synchronizing output directories .. -

git - Initial Commit: "fatal: could not create leading directories of ..." -