Merge pull request #2 from winc1980/develop

📝 README: スクリーンショットの追加

Author: MORIMOTO520212

README.md

@@ -1,13 +1,13 @@
 <p align="center">
     <img width="500" src="./docs/images/recipe-ai-logo.png" /><br />
-    <strong align="center">今晩の料理は何にしますか？ RECIPE AI ならあなたの冷蔵庫の写真から最適なレシピを提案いたします。</strong><br /><br />
+    <strong align="center">今晩の料理は何にしますか？ RECIPE AI ならあなたの冷蔵庫の写真から最適なレシピを提案いたします。</strong><br />
     <p align="center">HPチーム春合宿2024年 グループ3 作品</p>
 </p>
-<center>
+<p align="center">
   <img src="https://img.shields.io/badge/3-Vue.js-4FC08D.svg?logo=vue.js&style=plastic">
   <img src="https://img.shields.io/badge/20-Node.js-339933.svg?logo=node.js&style=plastic">
   <img src="https://github.com/winc1980/recipe-ai/actions/workflows/deploy-gh-pages.yml/badge.svg">
-</center>
+</p>
 
 ## アプリの特徴
 
@@ -16,6 +16,10 @@
   - 最適なレシピを提案します。その他にも「料理時間」や「難易度」、「カロリー」などの情報もすぐに確認できます。
 - **レシピの詳細**
 
+## スクリーンショット
+
+![](./docs/images/screenshot.png)
+
 ## 拡張機能
 
 - Volar