LoginSignup
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

@yutaka_pg(yutaka)

可変幅のボックス（レスポンシブデザインの練習）

Last updated at Posted at 2022-03-27

レスポンシブデザインの基本

レスポンシブの基礎となる「可変幅のボックス」をいろいろ試す記事です。

CodePenで埋め込んだので、
EDIT ON CODEPENで編集し結果を見比べてみてください！

１カラムの可変レイアウト

基本の1カラム

See the Pen Untitled by ゆたか (@yutaka_pg) on CodePen.

最大幅固定の1カラム

See the Pen HTML+CSS L01-02 by ゆたか (@yutaka_pg) on CodePen.

フルードイメージ

See the Pen HTML+CSS L01-03 by ゆたか (@yutaka_pg) on CodePen.

複数カラムの可変レイアウト

flexをつかった2カラム

See the Pen HTML+CSS L01-04 by ゆたか (@yutaka_pg) on CodePen.

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?