コーディング
01[入門編] Profile模写
| 使用ソフト |  |
|---|---|
| 制作時間 | 3 時間 |
コーディング学習サイト「Codejump」より練習問題をコーディング
画像ファイルは用意されているものをDLし、WEB版のXdより数値・カラーなどを取得し作成
模写元サイト>>https://code-jump.com/profile-menu/
学んだこと
- ・メインビジュアルのレスポンシブ対応時のCSS記述方法→max -widthやheight:100vhなど
- ・画像を丸く表示させる方法→border-radius: 50%;
- ・文字サイズの指定方法→htmlにfont-size:100%,他はremを用いてfont-sizeを指定
感想
レスポンシブの時の画像の表示方法がまずかしく、時間がかかってしまった。