Defectum/Site_Vologda
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Header v3

Browse Source
This commit is contained in:
Петухова Ростислава
2023-11-01 00:52:34 +03:00
parent 987a90f5ab
commit ae7c6a33af
3 changed files with 44 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
site/style/buttonStyle.css
View File

@@ -1,6 +1,4 @@
.button-grid {
display: grid;
display: grid;
grid-template-columns: 4fr 4fr 4fr;
grid-template-rows: 4fr 4fr;
@@ -33,6 +31,11 @@
background: rgba(0, 0, 0, 0.5);
}
.headerButton-grid {
display: grid;
grid-template-columns: auto auto auto auto auto;
}
:root {
--sizeButton: 1.5;
}
@@ -69,6 +72,17 @@
--sizeButton: 4;
}
.hidingMenu {
Display: none;
}
.headerButton-grid {
display: grid;
grid-template-columns: auto;
text-align: center;
}
.button-grid {
display: grid;
display: grid;

28
site/style/header.html
View File

@@ -1,3 +1,29 @@
<header>
<p class="titleText">Вологда путешествия</p>
<div class="headerButton-grid">
<a href="/pages/Музей кружева.html" style="text-decoration:none">
<button style="background: transparent; border: none !important;">
<p class="titleText">Вологда путешествия</p>
</button>
</a>
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Вологда</p>
</a>
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Достопримечательности</p>
</a>
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Рестораны</p>
</a>
<a href="/pages/Музей кружева.html" style="text-decoration:none" class="hidingMenu">
<button style="background: transparent; border: none !important;"> </button>
<p class="titleTextMini">Отели</p>
</a>
</div>
</header>