body{
  background-color: greenyellow;
}

.layout {
  width: 100%;

  display: grid;
  grid:
    "chat news side" 1fr
    / 1fr 2fr 1fr;
  gap: 8px;
}

.chat { 
  grid-area: chat;
max-height: 100vh;
background-color: darkslategray;
color: white; 
overflow-y: auto;}

.news { 
  grid-area: news;
background-color: rgb(212, 184, 184);
}

.news img {
  max-width: 100%;
max-height: 100%;
position: center;
}

.side 
{ grid-area: side; 
   background-color: black;
}

img:hover {
  border:5px white;
}


@media screen and (min-width: 1200px) {
  .small {
display: none;
  }
}

@media screen and (max-width: 600px) {
  #layout {
display: none;
  }
  .chat, .news, .side, img {
    display: none;
  }
  body{
    background-color: black;
    color: white;
  }
}