Rehash header class/id

This commit is contained in:
Fred Boniface 2022-10-20 21:29:18 +01:00
parent e752d772ed
commit ed01818b4c
2 changed files with 5 additions and 5 deletions

View File

@ -9,7 +9,7 @@
<title>Home</title>
</head>
<body>
<div id="header_image_home">
<div class="header_image" id="header_index">
<div id="page_title">
<h1>Lorem ipsum</h1>
</div>

View File

@ -7,7 +7,7 @@ body {
background-color: lightslategrey;
}
/* PAGE HEADER */
#header_image_home {
.header_image {
background-color: rgb(29,49,49);
background-image: url("/images/headers/index/index_1024.webp");
background-repeat: no-repeat;
@ -21,9 +21,9 @@ body {
position: sticky;
top: -145px;
}
@media(min-width: 1025px){#header_image_home{background-image:url("/images/headers/index/index_1920.webp")}}
@media(min-width: 1921px){#header_image_home{background-image:url("/images/headers/index/index_2800.webp")}}
@media(min-width: 2801px){#header_image_home{background-image:url("/images/headers/index/index_4096.webp")}}
@media(min-width: 1025px){#header_index{background-image:url("/images/headers/index/index_1920.webp")}}
@media(min-width: 1921px){#header_index{background-image:url("/images/headers/index/index_2800.webp")}}
@media(min-width: 2801px){#header_index{background-image:url("/images/headers/index/index_4096.webp")}}
#page_title { /* This may be best floating above content div rather than inside header div */
background-color: #2f4f4f8f;
font-family: sans-serif;