Main Page: Difference between revisions
m CSS test |
m CSS test |
||
| Line 50: | Line 50: | ||
} | } | ||
.grid-container { | |||
display: flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
| Line 99: | Line 99: | ||
}} | }} | ||
<!-- Flexbox container for the main page elements --> | <!-- Flexbox container for the main page elements --> | ||
<div | <div class="grid-container"> | ||
<div id="getting-started">{{Alathra:Getting started}}</div> | <div id="getting-started">{{Alathra:Getting started}}</div> | ||
<div id="continent-map"><div class="center-text background-basic border-basic" style="width: 570px; margin-bottom: 15px; margin-left: auto; margin-right: auto;">Current lore date: '''{{SHINECALENDAR}}'''</div><div class="center-text">{{Alathra:Map}}</div></div> | <div id="continent-map"><div class="center-text background-basic border-basic" style="width: 570px; margin-bottom: 15px; margin-left: auto; margin-right: auto;">Current lore date: '''{{SHINECALENDAR}}'''</div><div class="center-text">{{Alathra:Map}}</div></div> | ||
<div id="navigation">{{Alathra:Navigation}}</div> | <div id="navigation">{{Alathra:Navigation}}</div> | ||
</div> | </div> | ||
<div class="grid-container"> | |||
<div | <div class="grid-container column-grid"> | ||
<div | |||
<div id="featured-article" class="background-basic border-basic"><div class="header">Featured article</div>{{Alathra:Featured article}}</div> | <div id="featured-article" class="background-basic border-basic"><div class="header">Featured article</div>{{Alathra:Featured article}}</div> | ||
<div id="current-events">{{Alathra:General Content}}</div> | <div id="current-events">{{Alathra:General Content}}</div> | ||