カラムブロック

カラムブロックのレスポンシブ対応をチェックしてみる。

まずは、同じ幅の2カラムブロックから。

左側のブロック内の段落

右側のブロック内の段落

781px以下で、basisを100%にしている。しかも!importantで。

次は、均等幅の3カラムブロック

ブロック内の段落

ブロック内の段落

ブロック内の段落

3列でも同じく、781px以下で、basisを100% !important。

次は、30%ー70%の2カラムブロック

30%ブロック内の段落

70%ブロック内の段落

均等幅の4カラムブロック

ブロック内の段落

ブロック内の段落

ブロック内の段落

ブロック内の段落

4カラムでも同じ、これでは、2カラム以外は、ちょっと使いづらいかも知れない。

掲載日時: 2022年6月1日(水) 11:52