FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix 404 css

Browse source
This commit is contained in:
hossainemruz 2020-04-18 18:06:07 +06:00
parent af8a6c542b
commit 521881e848
2 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
layouts/404.html
View file

@ -7,11 +7,13 @@
{{ end }} {{ end }}
{{ define "content" }} {{ define "content" }}
<div class="notFound"> <div class="container">
<div class="notFound">
<img src="/assets/images/404.png" alt=""> <img src="/assets/images/404.png" alt="">
<div class="message"> <div class="message">
<h1>404</h1> <h1>404</h1>
<h4>The page you are looking for is not there yet.</h4> <h4>The page you are looking for is not there yet.</h4>
</div> </div>
</div>
</div> </div>
{{ end }} {{ end }}

10
static/assets/css/404.css
View file

@ -49,9 +49,13 @@
/* Medium devices (tablets, 768px and up) */ /* Medium devices (tablets, 768px and up) */
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.notFound img {
height: 400px;
}
.notFound .message { .notFound .message {
top: 50%; top: 23%;
left: 10%; left: 25%;
} }
} }
@ -59,7 +63,7 @@
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.notFound img { .notFound img {
height: 500px; height: 250px;
} }
.notFound .message { .notFound .message {