Main Page: Difference between revisions

Revision as of 21:18, 15 March 2025

<style>

 /* On mobile (screens up to 600px wide), force each table cell to display as a full-width block */
 @media screen and (max-width: 600px) {
   .responsive-table th,
   .responsive-table td {
     display: block;
     width: 100%;
   }
 }

</style>

   Welcome to inzoiwiki.com, the inZOI Wiki!

   Your community-run wiki, guide, database and resource for the upcoming life simulation game

inZOI is a life simulation game developed and published by Krafton. Whether you’re a seasoned life sim expert or completely new to the genre, this wiki is here to help you explore everything inZOI has to offer. Feel free to create an account and share your discoveries. Together, we hope to turn the wiki into the ultimate resource for inZOI.

News & Updates	Getting Started
Fan Art Winner Announcement Early Access Release Date Announcement Fan Art Contest Create a Zoi Hashtag Event Winners Announcement Canvas Top 10 Event Winners See all news…	System requirements Graphical settings Controls Character creation Canvas
Character	Features
Traits Desired Life Ambitions Preferences Values Skills Life Stages Motives	Canvas Transportation Jobs Weather Ghosts Karma Romance
Cities	NPCs
Dowon Bliss Bay Cahaya Kucingku	Psycat Bora Henri
Objects	Items

Clothes

Guides	Community
All About NPCs & Relationships Crafting 101: Essential Recipes Town Building & Upgrades	Wanted Pages – help fill missing info Stubs to Expand – add screenshots/tips Editing Tutorials – learn how to contribute

This wiki is a community effort. Not affiliated with Krafton, the official inZOI development team.
All game-related assets belong to their respective owners.

Official Website | Steam Page | Official Discord

We are currently maintaining 456 articles.

@@ Line 1: / Line 1: @@
 __NOTOC__
+<style>
+  /* On mobile (screens up to 600px wide), force each table cell to display as a full-width block */
+  @media screen and (max-width: 600px) {
+    .responsive-table th,
+    .responsive-table td {
+      display: block;
+      width: 100%;
+    }
+  }
+</style>
 <!-- =========================== -->
 <!--         HERO / BANNER       -->
 <!-- =========================== -->
 <div style="text-align:center; margin:1em 0;">
-   <!-- Replace 'InZOI_Banner.png' with your banner file name -->
+   <!-- Replace 'inzoi banner.jpg' with your banner file name -->
    [[File:inzoi banner.jpg|400px|center|alt=inZOI Banner|link=inZOI]]
    <div style="font-size: 2em; font-weight: bold; margin-top:0.5em; color:#2c3e50;">
@@ Line 15: / Line 25: @@
 <!-- =========================== -->
-<!--     ABOUT     -->
+<!--           ABOUT             -->
 <!-- =========================== -->
 <div style="max-width: 800px; margin: 0 auto; font-size: 1.1em; line-height: 1.6; text-align: center; color:#333;">
@@ Line 26: / Line 36: @@
 <!--        MAIN SECTIONS        -->
 <!-- =========================== -->
-<!-- Using a table with 2 columns per row -->
+<!-- Using a table with 2 columns per row on desktop, 1 per row on mobile -->
 <div style="margin: 1.5em auto; max-width: 1000px;">
-{| style="width:100%; border-spacing:1em; margin:0 auto; background-color:#fafafa;"
+{| class="responsive-table" style="width:100%; border-spacing:1em; margin:0 auto; background-color:#fafafa;"
 |-
 ! style="width:50%; vertical-align:top; padding:1em; background-color:#eff7ff; border:1px solid #ccc;" | '''News & Updates'''