code refactoring
add mobile header to index.php style and adjust mobile header to work with mobile layout. add to other pages later
This commit is contained in:
parent
a5573058d1
commit
6bffad1412
@ -9,6 +9,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php include "./includes/mobile-header.php" ?>
|
||||
<?php include "./includes/header.php" ?>
|
||||
<?php include "./includes/nav.php" ?>
|
||||
<main>
|
||||
|
@ -206,6 +206,19 @@ section {
|
||||
@media only screen and (max-width: 600px) {
|
||||
.mobile-header {
|
||||
display: flex;
|
||||
height: 10vh;
|
||||
width: 100vw;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.mobile-header span {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.mobile-header span img {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
header {
|
||||
@ -221,7 +234,10 @@ section {
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100vh;
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user