HTML/CSS備忘録

【メディアのコンポーネントを作成】

  • BEM設計でメディアのコンポーネントを作成
  • ここでいう「メディア」とは、2列のレイアウトで
    片方に画像や写真、もう片方に文言が並ぶ
  • クラス名は、
    • media
    • media__image
    • media__body
    • align-center
    • reverse
  • display: flex;で横並び
  • reverseをクラスに付与すると、左右反転

See the Pen コンポーネント(メディア) by TAJIMA Mitsuyoshi (@aafyjfql-the-bashful) on CodePen.

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