Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
What's new
7
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Open sidebar
ubezi
web-ausstellung-virtuell.de
Commits
d1f61e1f
Commit
d1f61e1f
authored
Dec 19, 2017
by
Jonas Heinrich
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
added burger menu, switched media query logic
parent
6ba729e1
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
39 additions
and
31 deletions
+39
-31
css/main.css
css/main.css
+38
-31
index.html
index.html
+1
-0
No files found.
css/main.css
View file @
d1f61e1f
...
...
@@ -9,14 +9,12 @@ body {
.container
{
height
:
100vh
;
display
:
grid
;
grid-template-rows
:
80px
85px
300px
1
fr
;
grid-template-columns
:
10
0%
;
grid-template-rows
:
80px
1
fr
;
grid-template-columns
:
50%
5
0%
;
grid-row-gap
:
0px
;
grid-template-areas
:
"logo"
"navigation"
"map"
"content"
"logo navigation"
"map content"
;
}
...
...
@@ -28,37 +26,16 @@ navigation {
content
{
background
:
#142736
;
}
@media
screen
and
(
min-width
:
44.001em
)
{
.container
{
height
:
100vh
;
display
:
grid
;
grid-template-rows
:
80px
1
fr
;
grid-template-columns
:
50%
50%
;
grid-row-gap
:
0px
;
grid-template-areas
:
"logo navigation"
"map content"
;
}
navigation
{
display
:
block
;
}
content
{
overflow-y
:
auto
;
}
overflow-y
:
scroll
;
}
logo
{
background
:
white
;
padding
:
10px
;
}
.
logo
{
padding
:
10px
;
.
burger_menu
{
display
:
none
;
}
navigation
ul
li
{
...
...
@@ -98,3 +75,33 @@ h2 {
padding-top
:
5px
;
padding-bottom
:
5px
;
}
@media
screen
and
(
max-width
:
44.001em
)
{
.container
{
height
:
100vh
;
display
:
grid
;
grid-template-rows
:
80px
85px
300px
1
fr
;
grid-template-columns
:
100%
;
grid-row-gap
:
0px
;
grid-template-areas
:
"logo"
"navigation"
"map"
"content"
;
}
content
{
overflow-y
:
inherit
;
}
.burger_menu
{
display
:
block
;
float
:
right
;
width
:
30px
;
height
:
25px
;
margin
:
18px
;
}
}
index.html
View file @
d1f61e1f
...
...
@@ -14,6 +14,7 @@
<div
class=
"container"
>
<logo>
<img
class=
"logo"
src=
images/logo.png
>
<img
class=
"burger_menu"
id=
"burger_menu"
src=
images/menu.png
>
</logo>
<navigation>
<ul>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment