CSS GridãŒé©ã—ã¦ã„るレイアウトã€FlexboxãŒé©ã—ã¦ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’詳ã—ã解説CSS Gridã¨Flexboxã¯ã€CSSã§ç¾åœ¨ä¸»æµã¨ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã§ã™ã€‚ CSS Gridã¨Flexboxã¯è¡¨é¢çš„ã«ã¯ä¼¼ã¦ã„るよã†ã«æ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã—ã‹ã—ã€å®Ÿéš›ã«ã¯ç•°ãªã‚‹ã‚¿ã‚¹ã‚¯ã«ä½¿ç”¨ã•ã‚Œã€ãã‚Œãžã‚Œç•°ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å•é¡Œã‚’解決ã—ã¾ã™ã€‚ FlexboxãŒé©ã—ã¦ã‚‹å ´åˆã€CSS GridãŒé©ã—ã¦ã„ã‚‹å ´åˆã€ã¾ãŸä¸¡æ–¹ã‚’使用ã™ã‚‹å ´åˆã€ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å•é¡Œã‚’æ£ã—ã解決ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Grid vs. Flexbox: Which should you choose? 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ページ全体ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ 隙間ãŒå¿…è¦ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ 1次元ã¨2次元ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ラッパー CSS Gridã¯å°†æ¥ã€Flexboxを時代é…ã‚Œã«ã™ã‚‹ã§ã—ょã†ã‹ï¼Ÿ ページ全体ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ CSS Gridã¯ã‚³
{{#tags}}- {{label}}
{{/tags}}