diff --git a/client/index.html b/client/index.html index 39bb6da37a..814803af72 100644 --- a/client/index.html +++ b/client/index.html @@ -1,21 +1,20 @@ + + + + + Video Recommendations + + + + - - - - - Video Recommendations - - - - - - -
- - - - \ No newline at end of file + +
+ + + diff --git a/client/src/VideoRecommendations.css b/client/src/VideoRecommendations.css index c736f110f0..b701341142 100644 --- a/client/src/VideoRecommendations.css +++ b/client/src/VideoRecommendations.css @@ -1,38 +1,38 @@ :root { - --primary-color: #007bff; - --container-width: 90%; - --gap-size: 20px; + --primary-color: #007bff; + --container-width: 90%; + --gap-size: 20px; } .video-list-container { - padding: 20px; - margin: 0 auto; - width: var(--container-width); + padding: 20px; + margin: 0 auto; + width: var(--container-width); } .video-list { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: var(--gap-size); + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: var(--gap-size); } .video-item { - padding: 10px; - border: 1px solid #ddd; - border-radius: 5px; - background-color: #f9f9f9; + padding: 10px; + border: 1px solid #ddd; + border-radius: 5px; + background-color: #f9f9f9; } .video-title { - font-size: 18px; - margin-bottom: 10px; - font-family: Arial, sans-serif; + font-size: 18px; + margin-bottom: 10px; + font-family: Arial, sans-serif; } .video-title a { - color: var(--primary-color); + color: var(--primary-color); } .video-title a:hover { - text-decoration: underline; + text-decoration: underline; }