Main Page: Difference between revisions
From Dragon Quest Wiki
mNo edit summary |
Rigel Kent (talk | contribs) m (flexbox layout - puts "news" section underneath "join" section on small screens instead of smushing them (no visual changes on larger screens)) |
||
Line 18: | Line 18: | ||
</div> | </div> | ||
<div style="width:100%; text-align:center;"> | <div style="display:flex; width:100%; flex-wrap:wrap; text-align:center;"> | ||
<div style="display:inline-block | <div style="flex-grow:1; flex-shrink:0; flex-basis:60%; min-width:20em; display:inline-block; vertical-align:top; text-align:left;">{{join}}</div> | ||
<div style="display:inline-block | <div style="flex-grow:1; flex-shrink:0; flex-basis:40%; min-width:20em; display:inline-block; vertical-align:top; text-align:left;">{{news}} | ||
{{Template:Did You Know}} | {{Template:Did You Know}} | ||
</div> | </div> |