dreat/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css vodou magicks

Browse source
This commit is contained in:
Lukasz Skotarek 2021-10-08 12:53:29 +02:00
parent 62229c7f4b
commit e9cbd596d7
2 changed files with 3 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -12,10 +12,6 @@
<body> <body>
<div id="layout"> <div id="layout">
<a href="#menu" id="menuLink" class="menu-link">
<!-- Hamburger icon -->
<span></span>
</a>
<div id="menu"> <div id="menu">
<div class="pure-menu"> <div class="pure-menu">
<a class="pure-menu-heading" href="index.html"> <a class="pure-menu-heading" href="index.html">

6
styles.css
View file

@ -213,7 +213,7 @@ small screens.
/* /*
Hides the menu at `48em`, but modify this based on your app's needs. Hides the menu at `48em`, but modify this based on your app's needs.
*/ */
@media (min-width: 48em) { /*@media (min-width: 48em) {
.header, .header,
.content { .content {
@ -224,7 +224,7 @@ Hides the menu at `48em`, but modify this based on your app's needs.
#layout { #layout {
padding-left: 150px; /* left col width "#menu" */ padding-left: 150px; /* left col width "#menu" */
left: 0; left: 0;
} /* }
#menu { #menu {
left: 150px; left: 150px;
} }
@ -238,7 +238,7 @@ Hides the menu at `48em`, but modify this based on your app's needs.
#layout.active .menu-link { #layout.active .menu-link {
left: 150px; left: 150px;
} }
} }*/
@media (max-width: 48em) { @media (max-width: 48em) {
/* Only apply this when the window is small. Otherwise, the following /* Only apply this when the window is small. Otherwise, the following