Difference between revisions of "User:Samuel.Burke/sandbox"
Jump to navigation
Jump to search
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; | ||
+ | } | ||
}} | }} |
Revision as of 13:55, 18 June 2020
hi 1
Test 2
Test 3
Test 4
Test 5
Test 6
Hello, World
- Hi
- Hi