983,990
edits
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<div style="display: flex; flex-wrap: wrap;"> | <div style="display: flex; flex-wrap: wrap;"> | ||
<div style="width: 100%; max-width: | <div style="width: 100%; max-width: 900px; @media (min-width: 768px) { width: 70%; }"> | ||
<!-- First Element --> | <!-- First Element --> | ||
{{Template:Mainpagecontent1|title={{LangSwitch1|en=Introduction|cy=Cyflwyniad}}|style=margin-top:1px | {{Template:Mainpagecontent1|title={{LangSwitch1|en=Introduction|cy=Cyflwyniad}}|style=margin-top:1px | ||
Line 17: | Line 17: | ||
<div style="display: flex; flex-wrap: wrap;"> | <div style="display: flex; flex-wrap: wrap;"> | ||
<div style="width: 100%; max-width: | <div style="width: 100%; max-width: 600px;"> | ||
<!-- First Element --> | <!-- First Element --> | ||
{{Template:Mainpagecontentblue|title={{LangSwitch1|en=People|cy=Pobol}}|style=margin-top:5px | {{Template:Mainpagecontentblue|title={{LangSwitch1|en=People|cy=Pobol}}|style=margin-top:5px | ||
Line 35: | Line 35: | ||
</div> | </div> | ||
<div style="width: 5px;"></div> <!-- This empty div creates a small space between the two elements --> | <div style="width: 5px;"></div> <!-- This empty div creates a small space between the two elements --> | ||
<div style="width: 100%; max-width: | <div style="width: 100%; max-width: 600px;"> | ||
<!-- Second Element --> | <!-- Second Element --> | ||
{{Template:Mainpagecontentterqois|title={{LangSwitch1|en=Places|cy=Lleoedd}}|style=margin-top:5px | {{Template:Mainpagecontentterqois|title={{LangSwitch1|en=Places|cy=Lleoedd}}|style=margin-top:5px | ||
Line 52: | Line 52: | ||
<div style="display: flex; flex-wrap: wrap;"> | <div style="display: flex; flex-wrap: wrap;"> | ||
<div style="width: 100%; max-width: | <div style="width: 100%; max-width: 600px;"> | ||
<!-- Third Element --> | <!-- Third Element --> | ||
{{Template:Mainpagecontentbrown|title={{LangSwitch1|en=Tools|cy=Offer}}|style=margin-top:5px | {{Template:Mainpagecontentbrown|title={{LangSwitch1|en=Tools|cy=Offer}}|style=margin-top:5px | ||
Line 69: | Line 69: | ||
</div> | </div> | ||
<div style="width: 5px;"></div> <!-- This empty div creates a small space between the two elements --> | <div style="width: 5px;"></div> <!-- This empty div creates a small space between the two elements --> | ||
<div style="width: 100%; max-width: | <div style="width: 100%; max-width: 600px;"> | ||
<!-- Fourth Element --> | <!-- Fourth Element --> | ||
{{Template:Mainpagecontentpurple|title={{LangSwitch1|en=Reusing this data|cy=Ail defnyddio'r data}}|style=margin-top:5px | {{Template:Mainpagecontentpurple|title={{LangSwitch1|en=Reusing this data|cy=Ail defnyddio'r data}}|style=margin-top:5px | ||
Line 78: | Line 78: | ||
</div> | </div> | ||
<div style="width: 100%; max-width: | <div style="width: 100%; max-width: 1200px;"> | ||
{|style="border-spacing:10px;padding-bottom: 4px;" | {|style="border-spacing:10px;padding-bottom: 4px;" | ||
|width=100% style=vertical-align:top| | |width=100% style=vertical-align:top| |