Files
freeCodeCamp/curriculum/challenges/chinese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md

800 B

id, title, challengeType, videoUrl, forumTopicId
id title challengeType videoUrl forumTopicId
587d78ab367417b2b2512af3 使用 flex-direction 在嵌入推文中创建多行 0 https://scrimba.com/p/pVaDAv/cJb8yuq 301104

--description--

嵌入推文示例中的headerfooter有自己的子元素,使用flex-direction属性可以把这些子元素排成行。这个属性告诉 CSS 需要将这些子元素水平排列。

--instructions--

headerfooter添加 CSS 属性flex-direction并把值设为 row。

--hints--

header应有flex-direction属性,其值应为 row。

assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g));

footer应有flex-direction属性,其值应为 row。

assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));

--solutions--