diff --git a/assets/css/style.scss b/assets/css/style.scss index 70fa54e..18726b6 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -67,10 +67,7 @@ aside { display: flex; align-items: center; flex-direction: column; -} - -#social-widescreen { - margin-top: 10px; + gap: 1em; } .menu-item { @@ -140,6 +137,22 @@ article { visibility: hidden; } +#right-side { + display: flex; + flex-direction: column; + gap: 1em; +} + +#our-friends { + padding-top: 0; + padding-bottom: 0; +} + +#our-friends-mobile { + display: none; + visibility: hidden; +} + @media only screen and (max-width: 768px) { #wrapper { flex-direction: column; @@ -203,7 +216,27 @@ article { #social-mobile { display: block; visibility: visible; - order: 4; + order: 5; // margin-bottom: 7px; } -} + + #our-friends { + display: none; + visibility: hidden; + } + + #our-friends-mobile { + display: block; + visibility: visible; + width: 100%; + order: 4; + padding-top: 0; + padding-bottom: 0; + } + + #right-side { + display: flex; + align-items: center; + width: 100%; + } +} \ No newline at end of file diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 8a4aae9..c35ba36 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -9,25 +9,27 @@
{{- block "main" . }}{{- end }}
-
- +
+
+ +
+
+ {{- partial "our-friends.html" . -}} +
+
+
+ {{- partial "our-friends.html" . -}}
- - + {{- partial "social.html" . -}}
{{- partial "footer.html" . -}} @@ -35,4 +37,4 @@ - + \ No newline at end of file diff --git a/layouts/partials/our-friends.html b/layouts/partials/our-friends.html new file mode 100644 index 0000000..f2b02c5 --- /dev/null +++ b/layouts/partials/our-friends.html @@ -0,0 +1,4 @@ +

Наши друзья

+ \ No newline at end of file diff --git a/layouts/partials/social.html b/layouts/partials/social.html new file mode 100644 index 0000000..6b40849 --- /dev/null +++ b/layouts/partials/social.html @@ -0,0 +1,4 @@ + + \ No newline at end of file