Jump to content

Test page: Difference between revisions

Line 55: Line 55:


=== this one works ===  
=== this one works ===  
<div style="display: flex; flex-wrap: wrap;">
<div style="flex: 1; max-width: 35%; padding: 1em;">
Lorem ipsum dolor sit amet
</div>
<div style="flex: 1; min-width: 20em; max-width: 35%;padding: 1em;">
At elementum eu facilisis sed odio
</div>
</div>
<pre>
<div style="display: flex; flex-wrap: wrap;">
<div style="display: flex; flex-wrap: wrap;">
     <div style="flex: 1; max-width: 15%; padding: 1em;">
     <div style="flex: 1; max-width: 15%; padding: 1em;">
         * Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus.
         * Lorem ipsum dolor sit amet
     </div>
     </div>
     <div style="flex: 1; min-width: 20em;  max-width: 15%;padding: 1em;">
     <div style="flex: 1; min-width: 20em;  max-width: 15%;padding: 1em;">
         * At elementum eu facilisis sed odio morbi. Quisque id diam vel quam elementum pulvinar etiam. Risus at ultrices mi tempus. Proin nibh nisl condimentum id venenatis.
         * At elementum eu facilisis sed odio  
     </div>
     </div>
     <!-- Add more columns as needed -->
     <!-- Add more columns as needed -->
</div>
 
</pre>


=== uses template "Div col" ====
=== uses template "Div col" ====