CSS Flexboxã§å®Ÿè£…ã•ã‚ŒãŸãƒžãƒ³ã‚¬ã®ã‚³ãƒžå‰²ã‚Šé¢¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆCSS Flexboxã§å®Ÿè£…ã•ã‚ŒãŸãƒžãƒ³ã‚¬ã®ã‚³ãƒžå‰²ã‚Šé¢¨ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’紹介ã—ã¾ã™ã€‚ã—ã‹ã‚‚レスãƒãƒ³ã‚·ãƒ–対応ã§ã€ã‚¹ã‚¯ãƒªãƒ—トã¯ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã›ã‚“。 マンガã ã¨ã‚³ãƒžã®ä½ç½®ã«æ„味ãŒã‚ã‚‹ã®ã§ã€å¤‰åŒ–ã—ã¦ã—ã¾ã†ã®ã¯ãƒ€ãƒ¡ã§ã™ãŒã€ã‚«ãƒ¼ãƒ‰åž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚³ãƒžå‰²ã‚Šé¢¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é©ç”¨ã¨è€ƒãˆã‚‹ã¨ã„ã‚ã„ã‚ã¨ä½¿ãˆãã†ã§ã™ã€‚ コマ割り風レイアウトã®å®Ÿè£… 実装ã¯ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ HTML å„カードã¯ã€Œ<div class="panel"></div>ã€ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãã®ä¸ã«ç”»åƒã‚„テã‚ストやå¹ã出ã—を自由ã«é…ç½®ã§ãã¾ã™ã€‚ <article class="comic"> <div class="panel"> <p class="text top-left">Suddenly...</p> <p class="text bottom-right">...something amazing happened</p
{{#tags}}- {{label}}
{{/tags}}