
  <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
      <title>Nostrss&#39;s Blog</title>
      <link>https://nostrss.me/blog</link>
      <description>Nostrss&#39;s Blog and Personal Site</description>
      <language>ko-kr</language>
      <managingEditor>undefined (Nostrss)</managingEditor>
      <webMaster>undefined (Nostrss)</webMaster>
      <lastBuildDate>Sun, 12 Jul 2026 13:00:00 GMT</lastBuildDate>
      <atom:link href="https://nostrss.me/tags/flexbox/feed.xml" rel="self" type="application/rss+xml"/>
      
  <item>
    <guid>https://nostrss.me/blog/260712-css-display-contents-flexbox</guid>
    <title>wrapper 가 flexbox 를 깨뜨릴 때 — display: contents 한 줄로 해결하기</title>
    <link>https://nostrss.me/blog/260712-css-display-contents-flexbox</link>
    <description>flexbox 는 직계 자식에만 적용되기 때문에, 그룹핑용 wrapper div 를 추가하는 순간 레이아웃이 깨지고 wrapper 안에 같은 flexbox 코드를 또 써야 했다. display: contents 한 줄이면 wrapper 를 레이아웃 흐름에서 지워서 자식들이 원래 flex 컨테이너의 아이템처럼 배치된다. 대신 wrapper 의 시각적 스타일이 전부 사라지는 함정을 알아야 한다.</description>
    <pubDate>Sun, 12 Jul 2026 13:00:00 GMT</pubDate>
    <author>Nostrss</author>
    <category>css</category><category>flexbox</category><category>til</category><category>coding2go</category>
  </item>

    </channel>
  </rss>
