add comment for homepage mobile logic

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2022-11-20 16:39:51 -08:00
parent ccbf060c8c
commit 9e82dae202

View File

@ -26,7 +26,12 @@
</header> </header>
<body> <body>
<!--
For mobile: + flex-direction: column-reverse;"
~ width: 100% for all divs
-->
<div style="display: flex; max-height: 100%; "> <div style="display: flex; max-height: 100%; ">
<div style="width: 20%;"></div> <div style="width: 20%;"></div>
<div style="width: 60%;"> <div style="width: 60%;">
@ -40,7 +45,7 @@
</div> </div>
<div style="width: 20%;"> <div style="width: 20%;">
<form id="form" style="display: none;"> <form id="form" style="">
<input type='search' id="seaching" name="searchBar" placeholder="Search journal..."> <input type='search' id="seaching" name="searchBar" placeholder="Search journal...">
<button class="click" type="search"> <button class="click" type="search">
Search Search
@ -48,6 +53,7 @@
<div class="Filter-box"></div> <div class="Filter-box"></div>
</form> </form>
</div> </div>
</div> </div>
</body> </body>
</main> </main>