| Line 17: | 
Line 17: | 
|   | Test 6  |   | Test 6  | 
|   | </div>  |   | </div>  | 
|   | + |  | 
|   | + | <div class="mainpage_row">  | 
|   | + | 	<div class="mainpage_box">  | 
|   | + | 		<h3><span class="header_icon" aria-hidden="true" role="presentation">[[File:OOjs UI icon ongoingConversation-rtl.svg|20px|middle|link=]]</span><span>Hello, World</span></h3>  | 
|   | + | 		<div>  | 
|   | + | * Hi  | 
|   | + | * Hi  | 
|   | + | 		</div>  | 
|   | + | 	</div>  | 
|   |  |   |  | 
|   | <br>  |   | <br>  | 
| Line 52: | 
Line 61: | 
|   |    }  |   |    }  | 
|   |  |   |  | 
|   | + | .mainpage_row {  | 
|   | + | 	display: flex;  | 
|   | + | 	flex-direction: row;  | 
|   | + | 	flex-flow: row wrap;  | 
|   | + | 	justify-content: space-between;  | 
|   | + | 	padding: 0;  | 
|   | + | 	margin: 0 -5px 0 -5px;  | 
|   | + | }  | 
|   | + |  | 
|   | + |  | 
|   | + | .mainpage_box {  | 
|   | + | 	flex: 1;  | 
|   | + | 	margin: 5px;  | 
|   | + | 	min-width: 210px;  | 
|   | + | 	border: 1px solid #CCC;  | 
|   | + | 	padding: 0 10px 10px 10px;  | 
|   | + | 	box-shadow: 0 2px 2px rgba(0,0,0,0.1);  | 
|   | + | }  | 
|   | + |  | 
|   | + |  | 
|   | + | .mainpage_box h3 .header_icon {  | 
|   | + | 	float: left;  | 
|   | + | 	margin-right: 5px;  | 
|   | + | }  | 
|   |  |   |  | 
|   | }}  |   | }}  |