width adaption, jewellery site construction
This commit is contained in:
parent
a78438bf37
commit
775900e27f
3 changed files with 46 additions and 32 deletions
23
tmp
Normal file
23
tmp
Normal file
|
@ -0,0 +1,23 @@
|
|||
@media only screen and (min-width: 1000px) {
|
||||
header {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
.nav li {
|
||||
margin-left: 2px !important;
|
||||
margin-right: 2px !important;
|
||||
width: 20vw;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 501px) and (max-width: 999px) {
|
||||
.nav li {
|
||||
margin-left: 2px !important;
|
||||
margin-right: 2px !important;
|
||||
width: 100px;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue