Main Page: Difference between revisions

no edit summary
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: 1100px; @media (min-width: 768px) { width: 70%; }">
   <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: 700px;">
   <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: 700px;">
   <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: 700px;">
   <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: 700px;">
   <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: 1400px;">
  <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|