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; |
| + | } |
| | | |
| }} | | }} |