Testovací text řazený do 3 sloupců pomocí přidané třídy "NS_3col_text", která má vlastní stylopis v souboru "noscale.css".

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper, urna faucibus volutpat condimentum, nunc quam aliquam nisl, ac tempor massa felis sit amet enim. Morbi facilisis eu leo eu pharetra. Mauris lobortis ultricies interdum. Nam suscipit convallis mi, a porta lorem efficitur eget. Nunc sit amet lectus eros. Nullam nisl diam, ultrices ac purus et, ultrices placerat ligula. Etiam feugiat auctor enim id bibendum. Donec auctor varius ornare. Sed consequat, ante non fermentum rhoncus, sapien velit sollicitudin quam, et consequat ante lorem sed massa. Vestibulum pretium consequat pulvinar.

Ut hendrerit in dolor sed luctus. Nunc faucibus, nisi quis pharetra commodo, sem erat condimentum urna, quis viverra risus quam sed nisi. Vestibulum tristique a lorem quis feugiat. Quisque quis eros tempus, accumsan turpis ac, ullamcorper elit. Suspendisse potenti. Aenean nec ante pharetra, placerat urna eu, dictum enim. Morbi nibh diam, semper et placerat vel, tristique in justo. Suspendisse finibus mi sit amet justo faucibus laoreet. Donec vel cursus lacus. Nullam vulputate mi tortor, iaculis fermentum dolor elementum ac. Etiam auctor dolor consectetur libero pellentesque accumsan. Praesent commodo tempor lectus.

Proin maximus dapibus odio eu elementum. Maecenas eget nisl tempus, sollicitudin enim ac, ultricies ex. Quisque sagittis metus sed est pellentesque interdum eu et ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean elementum ante quam, id congue nisl imperdiet nec. Pellentesque sit amet efficitur magna. Pellentesque sollicitudin tempor nunc, non molestie felis laoreet vel. Sed consequat leo vel nisl tristique, eget consequat urna vehicula. Aliquam sed tincidunt velit. Morbi pharetra, justo nec sodales tempor, magna nulla ultricies nulla, sed tempor quam nunc condimentum ante. Ut consequat ultrices turpis, eget finibus diam dapibus at. Donec vel iaculis ante. Nulla sollicitudin felis quis eros interdum sodales.

Praesent imperdiet, nisi ac tempor rutrum, metus sapien lacinia nulla, et malesuada odio nisl eu ipsum. Aenean a felis accumsan, pharetra lorem id, ultricies turpis. Donec ut molestie odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique ligula ut diam iaculis vulputate. Pellentesque eu neque volutpat, bibendum orci a, tempor erat. Nulla varius lacinia finibus. Vestibulum nec volutpat nibh, sed lobortis urna. Donec cursus dui a lectus ultricies, nec semper nibh efficitur. Nam ultrices, magna eu porta lacinia, velit sapien accumsan eros, ut convallis neque arcu et mauris. Vivamus a condimentum lectus. Praesent mauris massa, accumsan eget aliquet id, euismod in tellus.

Quisque eu tempor quam. Phasellus sapien metus, suscipit suscipit rhoncus vel, semper vitae lectus. Nam et sodales mi. Quisque suscipit magna eget mollis fermentum. Morbi quis erat molestie, varius libero quis, volutpat lectus. Proin luctus quam vel lectus maximus lobortis ut ut lorem. Nunc feugiat sit amet lorem vitae rutrum. Phasellus blandit auctor eros, quis sodales enim viverra et. Aliquam ornare velit ut nisi aliquet, ac malesuada ipsum efficitur. Sed ac commodo mauris. Integer in elit non quam gravida pretium a et nunc. Vivamus tristique placerat egestas. Curabitur arcu ipsum, luctus ut convallis non, faucibus in turpis.

Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která tuto vlastnost plně podporuje. Čísla následovaná -webkit- nebo -moz- určují první verzi, která pracuje s prefixem.

Vlastnost / Prohlížeč Chrome  Explorer & Edge  Firefox  Safari  Opera 
column-count 50.0
4.0 -webkit-
10.0 2.0 -moz- 9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1

Původní oprava CSS skript

#header.fixed {
position: fixed;
top:0;
left: 0;
width: 100%;
z-index: 9;
box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.08);
}

.header_in_s1 #mobile_nav {right: 0px}

 

.xcontainer {position: relative;width: 100%; margin-bottom: 4%;}
.ximage {display: block;width: 100%;height: auto;}
.xoverlay {position: absolute;top: 80%;bottom: 0;left: 0;right: 0;height: 20%;width: 100%;opacity: 1;background: linear-gradient(to top, rgba(0,0,0,0.5),transparent);}
.xtext {color: white;font-size: 16px;position: absolute;top: 50%;left: 20px;transform: translate(0%, -50%);}
.col-three, .col-3 {width:32.4%; margin-left: 1.4%;}
@media screen and (max-width: 700px) {.col-three, .col-3 {width:100%;margin-top:0px; margin-left:0px}}
.image_gallery_element__row img {float: left; width:100%; margin-bottom: 2%;}