mirror of
				https://github.com/RGBCube/serenity
				synced 2025-10-31 16:42:44 +00:00 
			
		
		
		
	Fixes reduction in https://github.com/SerenityOS/serenity/issues/22802 but does not result in visual improvement on https://kotlinlang.org/
		
			
				
	
	
		
			34 lines
		
	
	
		
			No EOL
		
	
	
		
			684 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			34 lines
		
	
	
		
			No EOL
		
	
	
		
			684 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html><style>
 | |
| * {
 | |
|     outline: 1px solid black;
 | |
| }
 | |
| body {
 | |
|     display: grid;
 | |
|     width: 600px;
 | |
| }
 | |
| .column {
 | |
|     display: contents;
 | |
| }
 | |
| .title {
 | |
|     grid-column: var(--column-index);
 | |
|     grid-row: calc(3);
 | |
| }
 | |
| .text {
 | |
|     grid-column: var(--column-index);
 | |
|     grid-row: calc(4);
 | |
| }
 | |
| </style>
 | |
| <body>
 | |
| <div class="column" style="--column-index: 1">
 | |
|     <div class="title">title 1</div>
 | |
|     <div class="text">text 1</div>
 | |
| </div>
 | |
| <div class="column" style="--column-index: 2">
 | |
|     <div class="title">title 2</div>
 | |
|     <div class="text">text 2</div>
 | |
| </div>
 | |
| <div class="column" style="--column-index: 3">
 | |
|     <div class="title">title 3</div>
 | |
|     <div class="text">text 3</div>
 | |
| </div>
 | |
| </body> |