TECH CAMP 5日目 ~HTML,CSS,flexboxの闇~

学習内容

• HTML,CSS
  　- flexbox
  　- コメントアウト
• Ruby on Rails
  　- ヘルパーメソッド(form_with,link_to,text_field,submit)
  　- パラメーター(params)
  　- キー
  　- gem
  　- ストロングパラメーター
  　- プライベートメソッド
  　- バリデーション
  　

苦労したこと、改善

中央によっている縦に並ぶ２つの要素を追加したかった

<div class="heading">
  <div class="title">SERVISE</div>
  <div class="lead">サービス内容</div>
</div>

.heading{
display:flex;
flex-direction:column;
justify-content:center

このようにコーディングを行ったが実際は下記のようなコードでよかった

.title{
text-align:center;
}
.lead{
text-align:center;
}

レイアウトを決めるときに真ん中に寄せたり縦並びにする=全部display:flex;やっとけばなんとかなる...
みたいな浅はかな考えでとりあえずでコーディングしていました。
改善：もっと簡単にできるシンプルな方法はないか？を考え固定概念にとらわれないようにしていきたいと思います。あとは、ウェブデザインに関する本がたくさん出ているので、いろんな人におすすめを聞いて自分に合った本で勉強していきたいと思います。トップページにtwitterのリンクあるので、おすすめの本あれば教えてください！！

今週の振り返り

今週設定した目標、「今週中に中間試験を実施」は達成しました。
計画していた進捗よりもだいぶ進んでいるので、この調子でいきたいと思います！