logo with padding

2023-09-19 12:46:03 +02:00 · 2023-09-19 12:46:03 +02:00 · 95fdf71ac3
parent 0ea2ab6d39
commit 95fdf71ac3
2 changed files with 25 additions and 3 deletions
--- a/estils.css
+++ b/estils.css
@ -119,8 +119,29 @@ footer{
 }

 .logo img{
+    /* float: left;
+    width: 160px; */
+
+    /* position: relative; */
+    /* min-height: 465px; */
+    /* padding: 16px; */
+    /* background-size: cover;
+    background-image: url(Imgs/Fondo1.jpg); */
+    /* object-fit: cover;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: center; */
+    /* z-index: -1;
+    color: #f5f0ed; */
+
+    width: 15%;
    float: left;
-    width: 160px;
+    
+}
+
+.headerbar{
+    height: 20%;
+    padding: 16px 16px;
 }

 .imatge_centrada{
--- a/index.html
+++ b/index.html
@ -13,7 +13,8 @@

 <body>
    <header>
-        <div class="logo">
+        <!-- <h1>bon dia</h1> -->
+        <div class="headerbar">
            <div class="logo">
                <img src="header_kinnikustudios_logo_black.svg" alt="Kinniku Studios Logo">
            </div>
@ -26,7 +27,7 @@
        <p id="frase1">Septiembre 2015</p>
        <p id="frase2">Todos los derechos reservados</p>
    </footer>
-    <script src="javascript.js"></script>
+    <!-- <script src="javascript.js"></script> -->
 </body>

 </html>