5前回までfacebookでの画像グループの表示スタイルの再現を試みて、タイル風はイメージ通りに行きましたが、メイソンリーレイアウトの応用ではブラウザによって表示が変わっていました。👇ススム先生はこちらのサイトを参考にされたそうですよdisplay:grid;プロパティを使うと、CSSのみでタイルレイアウトを実装することが可能です。グリッドレイアウトは可能ですが、display:grid;とdisplay:flex;の違いをざっくり言うと、flexレイアウトは横方向のレイアウトを指定するのに対し、gridレイアウトは縦横に指定できることです。イルミネーション寒い♪冬の朝♪ハロウィンっぽくね♪B!16Commentsススムこんばんは何と、もうグリッドレイアウトを実践して、しかも「よつば風」にマスターしているのに驚きました。つばさんは、本当にご熱心ですね。チャコちゃんの服もすごく可愛くて、拡大表示出来るのもいいですね。❤そふぃあこんはんば!今日は夜にもお邪魔します。写真のレイアウト素敵です。つばさん勉強熱心だし、ちゃんと理解して実行できるから凄いです。小田さん大好きで、中学生のころからオフコースファンでした。夜に聴くピアノの音色は癒されます。懐かしい曲、ありがとうございます。菜の花こんばんはよつばさん、こんばんはです。私も若い頃ピアノが大好きだったので。クラシックの方が好きなんですが。懐かしい気分になりました。これからも楽しい企画お待ちしています。ブログ運営、頑張ってね。❤ぷーにゃんこんにちは。昨日はこちらでも雪がちらつきましたよ。❤はんのすずGridレイアウトやってみました!3枚の画像を1枚と2枚に並べるのをやってみました。つばさんのブログ上のススム先生の記事を参考にさせていただいて、とてもためになりました。以前、floatを使ったとき右カラム欄が記事下方に移動してしまって、何が原因がわからなかったけど、Gridレイアウトではちゃんと収まりました。”20202年1月10日の満月”の記事です。スマホでも、PCと同じレイアウトで表示されるのですね。これからもGridレイアウト、使わせていただきます。つばさん、ススム先生、ありがとうございました。❤はんのすず記事名を間違えてました!!よつばさん、何回もごめんなさい。”20202年1月10日の満月”の記事は、”2020年1月10日の満月”の記事、が正しいです。さっき気がついて、直しました。今まで気づかずにいて、ハズカシイです。❤はんのすず送信しちゃってからも出来るのですね!よつばさん、今まで知らなかった鉛筆マーク。一度送信したら訂正できないのかと思ってました。