ポートフォリオサイト作成
![](https://yy-designs.com/wp-content/uploads/2023/07/lukas-blazek-GnvurwJsKaY-unsplash-1-1.jpg)
ポートフォリオサイトを作成しました。
使用したスキルは以下の通りです。
- HTML/CSS
- JavaScript
- WordPress
工夫した点
フレックスボックスのspace-betweenを使おうとしましたが、どうしても両端によってしまったり、左によらなかっりします。そこで、ネガティブマージンを使用し、折り返した際、常に左寄せになるようにしました。
![](https://yy-designs.com/wp-content/uploads/2023/07/9d484f010c104ed41736ca500e05c44f-1024x504.png)
苦労した点
例えば、ページネーションを作る際、ワードプレス側で生成されたクラスを使用していたのですが、ヘッダーで自分でわりあてたクラスとたまたまかぶっていて、それに気づかず、かなりの時間費やしてしまいました。
疑問点
スマホの場合、overflow-x: hidden が効きませんでした。body要素や親要素にいろいろ試してみたのですがうまくいかずでした。今後の課題にしていきたいです。
感想
初めて作ったポートフォリオでかなり時間もかかりました。なんとか形にはしましたが、中にはあやしい部分もあるかと思います。次作るときは知識を蓄えて、クオリティーを上げていきたいと思います。