Template:R36S Communities: Difference between revisions
From Handhelds Wiki
Jump to navigationJump to search
HandheldWiki (talk | contribs) No edit summary |
HandheldWiki (talk | contribs) No edit summary |
||
| Line 4: | Line 4: | ||
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5em;"> | <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5em;"> | ||
<!-- Reddit Card --> | <!-- Reddit Card --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 200px; max-width: 320px; display: flex; flex-direction: column; align-items: center; padding: 1.5em; border: 1px solid #ccc; border-radius: 12px; background: linear-gradient(135deg, #ffffff, #f4f4f4); box-shadow: 0 4px 12px rgba(0,0,0,0.08); min-height: 150px;"> | ||
<!-- Image Container --> | <!-- Image Container --> | ||
<div style="height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 1em; width: 100%;"> | <div style="height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 1em; width: 100%;"> | ||
[[File:Reddit.png|link=https://www.reddit.com/r/R36S/|200px]] | [[File:Reddit.png|link=https://www.reddit.com/r/R36S/|200px]] | ||
</div> | </div> | ||
<div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;"> | <div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;"> | ||
<div style="width: 100%; text-align: center;"> | <div style="width: 100%; text-align: center;"> | ||
| Line 20: | Line 19: | ||
</div> | </div> | ||
<!-- Discord Card --> | <!-- Discord Card --> | ||
<div style="flex: 1 1 | <div style="flex: 1 1 200px; max-width: 320px; display: flex; flex-direction: column; align-items: center; padding: 1.5em; border: 1px solid #ccc; border-radius: 12px; background: linear-gradient(135deg, #ffffff, #f4f4f4); box-shadow: 0 4px 12px rgba(0,0,0,0.08); min-height: 150px;"> | ||
<!-- Image Container --> | <!-- Image Container --> | ||
<div style="height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 1em; width: 100%;"> | <div style="height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 1em; width: 100%;"> | ||
[[File:Discord.png|link=https://discord.gg/retrohandhelds|200px]] | [[File:Discord.png|link=https://discord.gg/retrohandhelds|200px]] | ||
</div> | </div> | ||
<div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;"> | <div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;"> | ||
<div style="width: 100%; text-align: center;"> | <div style="width: 100%; text-align: center;"> | ||
Revision as of 11:44, 23 May 2025
🌐 Communities
