-
image
Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
debug
-
image
Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
debug
-
image
Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
debug
-
image
Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
debug
-
image
Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
debug
-
image
Sed tortor magna, accumsan mollis commodo in, mattis dignissim dolor.
debug
.list li {
container-type: inline-size;
container-name: my-container;
}
@container my-container (width < 260px) {
.list li .btn2 {
display: block;
gap: 0;
}
.list li .btn2 a:nth-of-type(1) {
margin-bottom: .5em;
}
}
.list li figure {
/* ショートハンドで記述 */
container: my-figure / inline-size;
}
@container my-figure (width < 200px) {
.list li figure span {
border: 10px solid red;
}
}