1,242
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − + − − <div style="float: left; width: 55%;"> + − + Line 12:
Line 11: − + − Line 32:
Line 30: − − − + − + − Line 48:
Line 43: − + Line 57:
Line 52: + − + −
Personal Science Wiki - test homepage (edit)
Revision as of 14:13, 24 February 2023
, 14:13, 24 February 2023change design to flexbox to adapt to mobile screens
<div style="width: 100%>
<div style="display:flex; flex-wrap: wrap;">
<div style="flex-basis:55%; flex-grow:1;">
<div>
<div>
{| style="width: 99%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-right: 0.5em; clear: none; text-align:left;"
{| style="width: 99%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-right: 1%; clear: none; text-align:left;"
|-
|-
| colspan="1" |
| colspan="1" |
<div>
<div>
{| style="width: 99%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-right: 1%; clear: none; text-align:left;"
{| style="width: 99%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-right: 0.5em; clear: none; text-align:left;"
! style="text-align: center; background-color:#ccccff;" colspan="2" | <span style="">Explore the content of this wiki!</span>
! style="text-align: center; background-color:#ccccff;" colspan="2" | <span style="">Explore the content of this wiki!</span>
|-
|-
|}
|}
</div>
</div>
</div>
</div>
<div style="float: right; width: 45%;">
<div style="flex-basis:45%; flex-grow:1;">
{| style="width:99%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1%; padding: 0.2em; text-align:left;"
{| style="width: 100%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left;"
! style="text-align: center; background-color:#ccccff;" colspan="2" |<span>Featured article</span>
! style="text-align: center; background-color:#ccccff;" colspan="2" |<span>Featured article</span>
|-
|-
|}
|}
{| style="width: 100%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; text-align:left;"
{| style="width:99%; border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1%; padding: 0.2em; text-align:left;"
! style="text-align: center; background-color:#ccccff;" colspan="2" |<span>Upcoming community events</span>
! style="text-align: center; background-color:#ccccff;" colspan="2" |<span>Upcoming community events</span>
|-
|-
|}
|}
</div>
</div>
</div>
{| class="wikitable" style="width: 100%;"
{| class="wikitable" style="width: 150%;"
| style="width: 50%;" | '''New here?'''
| style="width: 50%;" | '''New here?'''