WEB制作にチャレンジ

４８歳からWEB制作の勉強をしています。

２５６times　特訓CSS フレックスボックス編　DAY１～DAY４

WEB制作【アウトプット】

このはです。

ﾄﾞｯﾄインストールの２５６times

特訓CSS フレックスボックス編に参加しています🐱

  • DAY2

    • 課題１ 要素を交互に並べてみよう
      • この課題はすぐに出来ました。
    • 課題２ 要素を敷き詰めてみよう
      • この課題は難しかったです😹
        思ったより苦戦しました。
        flex-wrap: wrap;のgap: 8px;に 対して
        フレックスアイテムの
        width: calc((100% - 16px) / 3);の
        指定が分からなかった。
        かなり悔しいです😾

  • DAY3

    • 課題１ 2カラムレイアウトにコンテンツを組み入れよう
      • この課題は調べながら、出来ました。
        楽しかったです🐱
    • 課題２ 　ヘッダーメニューを作ろう
      • この課題はHTMLのimgに対して
        align-items: center;がなかなか上手くいかず、
        時間がかかりましたが、どうにか出来ました🐱

  • DAY4

    • 【自由制作】 新作ドリンクの紹介ページを作ろう
      • 自由制作は楽しく仕上げる事が出来ました 🐱

ランキング参加中
IT女子