diff --git a/src/HTML one.html b/src/HTML one.html new file mode 100644 index 0000000..b48b87c --- /dev/null +++ b/src/HTML one.html @@ -0,0 +1,128 @@ + + + + + + + + Document + + +
+ +
+ +
+
11
+
11
+
11
+
+
+
91
+
91
+
91
+
91
+
91
+
91
+
+
+
+
+
+
Физика
+
505
+
Попов
+
+
+
+ + +
+
+
+
+ +
+
+
+
+
+
Физика
+
505
+
Попов
+
+
+
+ + +
+
+
+
+ +
+
+
+
+
+
Физика
+
505
+
Попов
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+
+
+ + + + \ No newline at end of file diff --git a/src/test_html.css b/src/test_html.css new file mode 100644 index 0000000..36b57ed --- /dev/null +++ b/src/test_html.css @@ -0,0 +1,38 @@ +.wrapper{ + display: flex; + width: 100%; + align-items: stretch; +} + +#sidebar{ + min-width: 18%; + max-width: 18%; + min-height: 100vh; + position: relative; + background-color: #ADB5BD; + transition: all 0.3s; +} + +#sidebar{ + margin-left: -18%; +} + +#sidebar.active{ + margin-left: 0px; +} + +#sidebar-toggle{ + position: absolute; + border-radius: 0; + top: 0; + left: 100%; +} + +@media (max-width: 768px) { + #sidebar{ + margin-left: -250px; + } + #sidebar.active{ + margin-left: 0; + } +} \ No newline at end of file