Responsive Website (media queries)

PHOTO EMBED

Wed Mar 24 2021 02:45:15 GMT+0000 (Coordinated Universal Time)

Saved by @lisaxu #css

@media (max-width: 960px) {
  /* For a screen < 960px, this CSS will be read */
  .container {
    width: 700px;
  }
}
@media (max-width: 720px) {
  /* For a screen < 720px, this CSS will be read */
  .container {
    width: 500px;
  }
}
@media (max-width: 540px) {
  /* For a screen < 540px, this CSS will be read */
  .container {
    width: 300px;
  }
}
content_copyCOPY

https://kitt.lewagon.com/camps/545/challenges?path