コンテナクエリでレイアウトする

• image

  Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
  Button 01
  Button 02 Button 03
  debug

• image

  Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
  Button 01
  Button 02 Button 03
  debug

• image

  Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
  Button 01
  Button 02 Button 03
  debug

• image

  Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
  Button 01
  Button 02 Button 03
  debug

• image

  Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
  Button 01
  Button 02 Button 03
  debug

• image

  Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
  Button 01
  Button 02 Button 03
  debug

.list li {
	container-type: inline-size;
}
@container (width < 230px) {
	.list li .btn2 {
		display: block;
		gap: 0;
	}
	.list li .btn2 a:nth-of-type(1) {
		margin-bottom: .5em;
	}

} /* /@container */


.list li figure {
	container-type: inline-size;
}
@container (width < 260px) {
	.list li figure span {
		border: 1px solid blue;
	}

} /* /@container */