diff --git a/site_storage/index_template.html b/site_storage/index_template.html index 304ab6b..074f46d 100644 --- a/site_storage/index_template.html +++ b/site_storage/index_template.html @@ -14,22 +14,20 @@ .header { background-color: #202020; padding: 10px 20px; - clear: both; + display: flex; + align-items: center; } .logo { font-size: 24px; color: #ff0000; font-weight: bold; - float: left; } .search-container { - float: right; - width: 50%; + flex: 1; text-align: center; } .search-bar { - width: 100%; - max-width: 400px; + width: 400px; padding: 8px; font-size: 16px; border: 1px solid #ccc; @@ -46,25 +44,20 @@ } .content { padding: 20px; - clear: both; } .video-grid { - display: block; - text-align: center; + display: flex; + flex-wrap: wrap; + justify-content: center; } .video-item { width: 320px; margin: 10px; background-color: #222; padding: 10px; - display: inline-block; - text-align: left; - vertical-align: top; - box-sizing: border-box; } .video-item img { width: 100%; - height: auto; } .video-item-title { font-weight: bold; @@ -82,7 +75,7 @@