CSS Grid生成
列数・行数・gapを調整し、固定列またはレスポンシブなauto-fitのCSS Gridを作成します。
123456
PitaTools
特徴
- 列・行指定
- auto-fit対応
- リアルタイムプレビュー
Steps
使い方
- 列と行を指定します。
- 必要ならauto-fitを選びます。
- CSSをコピーします。
PitaTools
活用例
- カード一覧
- ギャラリー
- ダッシュボード
Example
入力例・結果例
- 入力例
- 加工したい画像、色、サイズなどの設定
- 結果例
- 列・行指定
ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。
Privacy
プライバシーとデータ処理
公開中の101ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。
FAQ
よくある質問
レスポンシブにできますか？
auto-fitと最小幅を選ぶと可変列を生成できます。
Explore · 画像・デザイン
関連ツール
同じカテゴリのツールを続けて利用できます。
Feedback
不具合報告・改善要望
「CSS Grid生成」についてお気づきの点を運営者へお知らせください。