diff --git a/public/css/video.css b/public/css/video.css index a6e2852..ba3c832 100644 --- a/public/css/video.css +++ b/public/css/video.css @@ -7,14 +7,12 @@ color: #24b9ff; } video { - width: 70%; + margin:0px; padding:0px; vertical-align: top; } #playlist { - float:right; - width: 30%; margin: 0; padding: 0; list-style: none; @@ -33,3 +31,22 @@ li a { li a:hover { text-decoration: none; } + +@media (min-width: 768px) { + video { + width: 70%; + } + #playlist { + float:right; + width: 30%; + } +} + +@media (max-width: 767px) { + video { + width: 100%; + } + #playlist { + width: 100%; + } +} \ No newline at end of file diff --git a/tutorial-maker/index.md b/tutorial-maker/index.md index d9e300a..ea508f1 100644 --- a/tutorial-maker/index.md +++ b/tutorial-maker/index.md @@ -11,8 +11,7 @@ title: How to Make Tutorials