/ var / www / html / induction / HamburgerPage / [ HOME SHELL ]

Name	Size	Permission
Images	[ DIR ]	drwxr-xr-x
index.html	1.63 KB	-rw-r--r--
script.js	748 B	-rw-r--r--
style.css	2.56 KB	-rw-r--r--

Code Editor : style.css

/* ─── Reset & Base Styles ───────────────────────────────────────────────────── */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-family: sans-serif;
}

/* ─── Full-Screen Background Container ──────────────────────────────────────── */
.hamburgerPage-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: url('Images/laptop.png');
  background-size: 100% 100%;
}

/* ─── Cross Icon in Top-Left ────────────────────────────────────────────────── */
.cross-sign {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
.cross-sign img {
  /* width: 24px; */
  margin: 2vh;
  height: 5vh;
  cursor: pointer;
}

/* ─── Main Layout ───────────────────────────────────────────────────────────── */
.main-container {
  flex: 1;
  display: flex;
}

.main-left-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 10vh 0 0 15vw;
  gap: 5vh;
  height: 20vh;
  /* width: 10%; */
}

.main-left-side a {
  text-decoration: none;
}

/* Menu images */
.menu-img {
  height: 8vh;
  max-height: 300px;
}

/* Right-side logo (if still used) */
.main-right-side {
  margin-left: auto;
  padding: 10px;
}

/* ─── Mobile Styles: switch bg + keep layout ───────────────────────────────── */
@media (max-width: 768px) {
  .hamburgerPage-container {
    background: url('Images/phone.png');
  background-size: 100% 100%;
  }
  .cross-sign img {
  /* width: 24px; */
  margin: 0;
  height: 2vh;
  cursor: pointer;
}
  .main-left-side {
    margin: 20vw;
    gap: 4vh;
    /* align-items: center; */
  }
  .menu-img {
  height: 3vh;
  max-height: 300px;
}
  /* If you want to stack menu vertically on mobile, uncomment below:
  .main-container {
    flex-direction: column;
    align-items: center;
  }
  .main-left-side {
    margin: 5vh auto 0;
    align-items: center;
    gap: 4vh;
  }
  .menu-img {
    width: 70vw;
  }
  */
}

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.

${this.title}

Code Editor : style.css

Urban Research Lab