あいまる【ギミックコーダー/Webディレクター】
5.1K posts
@aimaru0508
Webサイト・LPコーディング業務承ります！| 8clover代表🍀フリーランス3年目| 制作実績35件以上 ¦ LP15件以上、WordPress15件以上 | ディレクション1件 | インボイス登録済 | 土日祝も対応可〇 | 宮城県在住 | 32歳 | [email protected]
今日のあいまるーむ2は、 paddingとmarginの話を皆でする予定です😊 コーダーよりの話が多いかもしれませんが、 コーダー・デザイナーさんお気軽にご参加ください🙌 後半は多分雑談です🍀 #あいまるーむ2
今日のあいまるーむ2は、 paddingとmarginの話を皆でする予定です😊 コーダーよりの話が多いかもしれませんが、 コーダー・デザイナーさんお気軽にご参加ください🙌 後半は多分雑談です🍀 #あいまるーむ2
\ 📣#デイトラコミュニティ 限定イベント！🥳 / 4/4㈯ 21:00~23:00 @aimaru0508 さん企画 あいまるーむ🐻 今週は『コーディング・デザイン勉強会』！ はじめましてさんも大歓迎！ みんなでゆる～くお話ししましょう！😆 #デイトラ
【CSS‼お前そんなことできたんか‼】 新しくcssの再現を学んだので、共有します😊！ チャットGPTに教えてもらいました🙌 今回再現するのは、 【子要素を丁度半分で縦並びにする方法】です！ 【コード👇】 .item-wrap { display: block; column-count: 2; column-gap: 20px; } 【解説】 使用できる実装は、横並びではなく『縦並び』の時です！ （従来の実装） ①display: flex; を縦並びにして、heightを指定して折り返す。 デメリット：高さ固定なのでレスポンシブで崩れる など ②display: grid;で数を指定して折り返す デメリット：数が増えたらどんどん横に折り返される など （今回の実装） column-count: 2;で横列の数を指定するだけです！ 2であれば2列で、子要素の数を丁度半分で折り返します。11個あるときは 6：5になります。 「凄いところは、数を自動で半分にするところ！！」WordPressで数が今後増えるかも？という実装でも問題なし😊！ ※私も知ったばかりなので、まだ未知の部分があるかもです！ご了承ください🙏 是非お試してみてください😊 知らなかった！感動！という方は是非いいねとフォローよろしくお願いいたします🐻✨ #あいまる豆知識
