動かして覚えるFlexbox!簡単に動作チェックできるプログラムを作成しました

flexbox-test CSS
スポンサーリンク

こんにちは、素人エンジニアです。

cssのflexboxを使おうと思った時に、毎回調べていた人もいるのではないでしょうか?
(私のことです。)
そんな人(私)のために、flexboxの動作を簡単にチェックできるプログラムを作りました。

動かして覚えるFlexbox!

Flexbox Test

flex-direction:

flex_wrap:

justify-content:

align-items:

align-content:

box1
box2
box3
box4
box5
box6
box7
box8
box9

CodePenでもチェックできます!

https://codepen.io/amaeng/pen/rNyVgma
↑こちらのリンクから、CodePenでも動作が確認できます。

See the Pen flexbox test by amateur-engineer (@amaeng) on CodePen.

そのうち、各プロパティについてブログでまとめたいです。
(自分のために)

がんばるぞ!自分!!

このブログでは、【ConoHa WING】を使っています

このブログでは、【ConoHa WING】を使っています
わたし、稼げました。

このブログでは、プログラミングでの学びをノート代わりとして記事としています。
少しずつPVが増えてきて、先日Google AdSenseの収益が振り込まれました!

どれくらいの記事数、期間、PVがあれば振込ボーターの8千円に到達するのか?
私のリアルな数字を紹介します。

ブログ村を利用しています
素人エンジニアの苦悩 - にほんブログ村
PVアクセスランキング にほんブログ村
CSS
スポンサーリンク
スポンサーリンク
シェアする
amateur_engineerをフォローする
素人エンジニアの苦悩

コメント

タイトルとURLをコピーしました