<!-- TO EDIT MAIN PAGE CONTENT, see "Templates used on this page" below and edit:
<!-- This is a responsive front page design that adapts to the available width
* Harry_Potter_Hogwarts_Mystery_Wiki/Top section
of the browser by showing content in 1, 2, or 3 columns.
* Harry_Potter_Hogwarts_Mystery_Wiki/Flex section
* Harry_Potter_Hogwarts_Mystery_Wiki/Bottom section
This is donea bybasic dividingresponsive thefront mainpage contentdesign ofthat adapts to the pageavailable intowidth fourof numberedthe browser by sections.
rearranging the sections themselves as well as content within each section. When narrow, the three sections
When the window is narrow, as on low-res displays, the content is displayed in a
line up vertically in a single column. inWhen order:wide 1enough, 2,the 3,middle (flex) section is pulled out to become a 4
Section 3 takes up the right column. ▼
Much of the layout and appearance is determined through styles defined in these pages:
When the window is medium, as on medium-res displays, there are two columns.
* MediaWiki:Hydra.css (for the desktop view)
Section 1 and 2 are on top with 1 on the left and 2 on the right.
* MediaWiki:Mobile.css (for the mobile view)
Sections 3 and 4 are on the bottom with 4 at the left and 3 at the right.
When the window is wide, as on high-res displays, there are three columns.
Sections 1 and 4 take up the left column, with section 1 on top.
Section 2 takes up the middle column.
▲ Section 3 takes up the right column.
Or, visually...
Narrow Medium Wide
|1| |1| |2| |1| | | | |
|2| |4| |3| | | |2| |3|
|3| |4| | | | |
|4|
-->
<div id="mf-home" class="fpmainfpcontent">
<div classid=" fpsection1fptopsection"><!-- BEGIN SECTIONTOP 1SECTION --> ▼
{{/Top section}}
▲<div class="fpsection1"><!-- BEGIN SECTION 1 -->
</div><!--END SECTIONTOP 2SECTION--> ▼
<div classid=" fpsection3fpflexsection"><!-- BEGIN SECTIONFLEX 3SECTION --> ▼
{{:{{SITENAME}}/Section 1}}
{{/Flex section}}
</div><!--END SECTIONFLEX 1OTHER SECTION-->
<div classid=" fpsection4fpbottomsection"><!-- BEGIN SECTIONBOTTOM 4SECTION --> ▼
{{/Bottom section}}
<div class="fpmidsections"><!--BEGIN LAYOUT WRAPPER FOR SECTIONS 2 and 3-->
</div class="fpsection2"><!--END BEGINBOTTOM OTHER SECTION 2 -->
{{:{{SITENAME}}/Section 2}}
▲</div><!--END SECTION 2-->
▲<div class="fpsection3"><!-- BEGIN SECTION 3 -->
{{:{{SITENAME}}/Section 3}}
</div><!--END SECTION 3-->
</div><!--END LAYOUT WRAPPER FOR SECTIONS 2 and 3 -->
▲<div class="fpsection4"><!-- BEGIN SECTION 4 -->
{{:{{SITENAME}}/Section 4}}
</div><!--END SECTION 4-->
</div>
<metadesc>The #1 wiki source of information on Harry Potter: Hogwarts Mystery, a new mobile Harry Potter game!</metadesc>
<div class="nomobile" style="text-align: right;"><small>Main page sections: [[/Section 1|1]] · [[/Section 2|2]] · [[/Section 3|3]] · [[/Section 4|4]]. Changes for the main page can be proposed [[{{SITENAME}}/editcopy|here]]. </small></div>
__NOTOC__
__NOEDITSECTION__
[[Category:Harry Potter: Hogwarts Mystery Wiki]]
<metadesc>The comprehensive wiki resource for the game</metadesc>
[[Category:{{SITENAME}}| ]]
|