.bento{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid;container:bento/inline-size}.b1{grid-column:span 1}.b2{grid-column:span 2}.b3{grid-column:span 3}.b4{grid-column:span 4}.b5{grid-column:span 5}.b6{grid-column:span 6}.b7{grid-column:span 7}.b8{grid-column:span 8}.b9{grid-column:span 9}.b10{grid-column:span 10}.b11{grid-column:span 11}.b12{grid-column:span 12}@container bento (width<=1180px){.b3{grid-column:span 4}.b5,.b7{grid-column:span 6}}@container bento (width<=880px){.b1,.b2,.b3,.b4,.b5,.b6{grid-column:span 6}.b7,.b8,.b9,.b10,.b11,.b12{grid-column:1/-1}}@container bento (width<=560px){.bento>*{grid-column:1/-1}}