Test of writing in Column mode

Here is a text of a blog that I could write in the future. I how it's easy enought to read and focus on the text as well as images. Here is a simple image that should put some space to chill before another huge amount of lorem ipsum starts.

Eiusmod incididunt id reprehenderit ut minim sit nulla proident. Ut Lorem excepteur ullamco ipsum dolore commodo. Laboris ad mollit est do ex. Nostrud Lorem sit sunt consequat laborum ea et non consectetur proident dolor Lorem. Quis quis est consectetur sunt laborum duis est nisi tempor Lorem veniam eiusmod.

Amet sunt veniam minim eu

pariatur deserunt commodo tempor proident veniam mollit incididunt exercitation exercitation. Magna magna nisi qui duis aute ad ad labore co mmodo nisi minim quis dolor. Esse excepteur laboris excepteur aliqua fugiat sunt adipisicing laboris excepteur quis. Tempor duis exercitation Lorem ea ut exercitation veniam in dolor dolor pariatur aute proident. Do reprehenderit eiusmod d uis minim magna exercitation sit pariatur amet occaecat aliquip. Duis dolore veniam incididunt cillum. Velit nulla amet enim reprehenderit velit nostrud tempor aliqua consequat irure magna laborum do aliquip. Deserunt adipisicing officia i n velit nisi ad ut enim magna ea veniam. Eiusmod anim exercitation laborum enim ad duis sit ipsum et qui ad. Elit sit reprehenderit dolor ipsum culpa nostrud commodo duis esse do do anim anim sunt. Officia ex consectetur ea commodo pariatu r excepteur. Dolor do nostrud consequat id adipisicing Lorem consectetur dolor in labore qui. Sit tempor aute minim aliquip esse velit dolor eu ea magna cillum. Aliquip ad tempor cillum dolor Lorem commodo excepteur cupidatat et commodo. Q uis veniam est id id laborum anim occaecat sunt labore proident tempor nostrud.

Anim ex dolore aliquip occaecat adipisicing excepteur.

Sit velit proident elit aliquip irure ut amet nisi. Nostrud ad nisi quis aliqua consequat nostrud elit d olore consectetur fugiat laborum. Est elit do nostrud esse. Nisi reprehenderit cillum sit culpa occaecat deserunt reprehenderit et voluptate nostrud duis consequat. Occaecat veniam est est ipsum ipsum. Minim enim sunt non do eiusmod amet e u cupidatat commodo ad sunt voluptate ea. Nisi eiusmod incididunt quis deserunt ex voluptate. Dolore sint ex id et ullamco voluptate laboris cillum irure minim officia exercitation aliqua consectetur.

        <html>
	<head>
		<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
		<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
		<style>
body {
  margin: 0;
  padding: 0;
}

.container {
  column-width: min(100vw, 300px);
  column-rule: 1px solid rgb(75, 70, 74);
  column-count: 2;
  column-gap: 100px;
}

h2 {
  column-span: 1;
  position: relative;
}

h2:after {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  height: 2px;
  background: #000;
}

h1 {
  column-span: all;
  position: relative;
}

                </style>
        </head>
        <body>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-gpx/1.7.0/gpx.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/gsap.min.js"></script>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/ScrollTrigger.min.js"></script>
          <div class="container">
            <h2>Test of writing in Column mode</h2>Here is a text of a blog that I could write in the future. I how it's easy enought to read and focus on the text as well as images. Here is a simple image that should put some space to chill before another huge amount of lorem ipsum starts. <img src="../galleries/photos.jpeg" /> Eiusmod incididunt id reprehenderit ut minim sit nulla proident. Ut Lorem excepteur ullamco ipsum dolore commodo. Laboris ad mollit est do ex. Nostrud Lorem sit sunt consequat laborum ea et non consectetur proident dolor Lorem. Quis quis est consectetur sunt laborum duis est nisi tempor Lorem veniam eiusmod. <h2>Amet sunt veniam minim eu</h2> pariatur deserunt commodo tempor proident veniam mollit incididunt exercitation exercitation. Magna magna nisi qui duis aute ad ad labore co mmodo nisi minim quis dolor. Esse excepteur laboris excepteur aliqua fugiat sunt adipisicing laboris excepteur quis. Tempor duis exercitation Lorem ea ut exercitation veniam in dolor dolor pariatur aute proident. Do reprehenderit eiusmod d uis minim magna exercitation sit pariatur amet occaecat aliquip. Duis dolore veniam incididunt cillum. Velit nulla amet enim reprehenderit velit nostrud tempor aliqua consequat irure magna laborum do aliquip. Deserunt adipisicing officia i n velit nisi ad ut enim magna ea veniam. Eiusmod anim exercitation laborum enim ad duis sit ipsum et qui ad. Elit sit reprehenderit dolor ipsum culpa nostrud commodo duis esse do do anim anim sunt. Officia ex consectetur ea commodo pariatu r excepteur. Dolor do nostrud consequat id adipisicing Lorem consectetur dolor in labore qui. Sit tempor aute minim aliquip esse velit dolor eu ea magna cillum. Aliquip ad tempor cillum dolor Lorem commodo excepteur cupidatat et commodo. Q uis veniam est id id laborum anim occaecat sunt labore proident tempor nostrud. <h1>Anim ex dolore aliquip occaecat adipisicing excepteur.</h1> Sit velit proident elit aliquip irure ut amet nisi. Nostrud ad nisi quis aliqua consequat nostrud elit d olore consectetur fugiat laborum. Est elit do nostrud esse. Nisi reprehenderit cillum sit culpa occaecat deserunt reprehenderit et voluptate nostrud duis consequat. Occaecat veniam est est ipsum ipsum. Minim enim sunt non do eiusmod amet e u cupidatat commodo ad sunt voluptate ea. Nisi eiusmod incididunt quis deserunt ex voluptate. Dolore sint ex id et ullamco voluptate laboris cillum irure minim officia exercitation aliqua consectetur.
          </div>

        </body>
</html>

<script></script>