via http://coliss.com/articles/build-websites/operation/css/flexbox-responsive-layout-without-media-queries.html

puremac のブックマーク 2016/06/17 14:10

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/290896478/comment/puremac" data-user-id="puremac" data-entry-url="https://b.hatena.ne.jp/entry/s/codepen.io/mkstix6/pen/dPmYvV" data-original-href="https://codepen.io/mkstix6/pen/dPmYvV" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodepen.io%2Fmkstix6%2Fpen%2FdPmYvV" data-user-icon="/users/puremac/profile.png">Using flexbox to make responsive widgets without media queries. With a fixed width column</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/codepen">codepen</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/%2Bresponsive">+responsive</a>]</li></ul><br><p style="clear: left">via <a href="http://coliss.com/articles/build-websites/operation/css/flexbox-responsive-layout-without-media-queries.html" target="_blank" rel="noopener nofollow">http://coliss.com/articles/build-websites/operation/css/flexbox-responsive-layout-without-media-queries.html</a></p><a class="datetime" href="https://b.hatena.ne.jp/puremac/20160617#bookmark-290896478"><span class="datetime-body">2016/06/17 14:10</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Using flexbox to make responsive widgets without media queries. With a fixed width column

codepen.io2016/06/17

About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could wri...

2 人がブックマーク・1 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Using flexbox to make responsive widgets without media queries. With a fixed width column

はてなブックマーク

公式Twitter

はてなのサービス