Related to CSSW

[HarshJambukiya]

Hello Sir,

In your YouTube video at **50:45, during the "Chat Detail Component **Design" section, I noticed that the CSS you provided doesn't seem to be working. I copied your CSS exactly as shown, but it still isn't functioning correctly. Could you please check it again and respond as soon as possible?

Right CSS
""
.detail {
flex: 1;

.user {
padding: 30px 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
border-bottom: 1px solid #dddddd35;

img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}

}

.info {
padding: 20px;
display: flex;
flex-direction: column;
gap: 25px;

.option {
  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;

    img {
      width: 30px;
      height: 30px;
      background-color: rgba(17, 25, 40, 0.3);
      padding: 10px;
      border-radius: 50%;
      cursor: pointer;
    }
  }

  .photos {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;

    .photoItem {
      display: flex;
      align-items: center;
      justify-content: space-between;

      .photoDetail {
        display: flex;
        align-items: center;
        gap: 20px;

        img {
          width: 40px;
          height: 40px;
          border-radius: 5px;
          object-fit: cover;
        }

        span {
          font-size: 14px;
          color: lightgray;
          font-weight: 300;
        }
      }

      .icon {
        width: 30px;
        height: 30px;
        background-color: rgba(17, 25, 40, 0.3);
        padding: 10px;
        border-radius: 50%;
        cursor: pointer;
      }
    }
  }
}
button {
  padding: 15px;
  background-color: rgba(230, 74, 105, 0.553);
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;

  &:hover {
    background-color: rgba(220, 20, 60, 0.796);
  }

  &.logout{
    padding: 10px;
    background-color: #1a73e8;
  }
}

}
}
""

Thank you.