diff --git a/index.html b/index.html index fbe8727..d81c5e2 100644 --- a/index.html +++ b/index.html @@ -40,14 +40,8 @@ img{ max-width: 96%; height: auto; - margin-left: 2%; - margin-right: 2%; - width: fit-content; - height: auto; justify-content: center; align-content: center; - border: 2px solid white; - border-radius: 2px 5px 8px 12px; } .badge{ margin-left: 0%; @@ -62,7 +56,7 @@ .square-box{ display: block; - background-color: var(--black-background-color); + background-color: black; width: auto; height: auto; margin: auto; @@ -86,8 +80,10 @@ align-items: left; } - .youtube-video{ + .youtube-video-container{ display: flex; + max-width: 80%; + height: auto; flex-direction: column; margin-left: 2%; margin-right: 2%; @@ -107,7 +103,16 @@ li{ color: white; } - + /* Responsive design */ + @media screen and (max-width: 600px) { + .badge-container{ + flex-direction: column; + } + + @media screen and (max-width: 400px) { + .badge-container{ + flex-direction: column; + } @@ -140,15 +145,15 @@