glava style 2
parent
018b615c98
commit
28a370fa34
|
@ -21,13 +21,17 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.meni {
|
.meni {
|
||||||
|
display: flex;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.meni a {
|
.meni a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
color: black;
|
||||||
|
padding: 40px 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
@ -36,11 +40,12 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen (min-width: 480px) {
|
@media screen and (max-width: 768px) {
|
||||||
.meni {
|
.meni {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
|
@ -11,22 +11,14 @@ await store.naloziStrani()
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
:root {
|
||||||
|
--siva: #D9D9D9;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: Inter;
|
font-family: Inter;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 1rem;
|
background: var(--siva);
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 260px) {
|
|
||||||
.meni {
|
|
||||||
display: flex;
|
|
||||||
padding: 0;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.meni li {
|
|
||||||
margin-left: 1.2rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
|
Loading…
Reference in New Issue