.parent {
  container-name: blogs;
  container-type: inline-size;
}

@container blogs (max-width: 500px) {
  .child {
    flex-direction: column;
  }
}