KinnikuStudios
/
kinniku-web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reverted l'intent del flex

master
marccane 2023-09-19 16:56:00 +02:00
parent b7bc69f8f9
commit 03b210d8b1
2 changed files with 2 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
estils.css
View File

@ -161,38 +161,7 @@ footer{
height: 100%; height: 100%;
float: left; float: left;
} }
.container {
display: flex;
flex-wrap: wrap;
height: 10vh; /* Set the height to 20% of the viewport height */
overflow: hidden; /* Hide overflowing content */
}
.image-container {
flex: 1; /* Image takes as much space as available */
/* max-width: 50%; */
/* max-height: 100%; */
}
.image-container img {
width: 100%; /* Make image responsive, filling the container */
height: auto;
padding: 16px 16px;
max-width: 100%; /* Constrain image within the container */
/* max-height: 50%; */
max-height: 100px;
/* margin-right: auto; */
}
.text-container {
flex: 1; /* Text takes as much space as available */
padding: 0 10px; /* Optional padding */
box-sizing: border-box; /* Include padding in the width */
max-width: 50%; /* Limit maximum width to 50% of the container */
}
.imatge_centrada{ .imatge_centrada{
display: block; display: block;

10
index.html
View File

@ -14,15 +14,7 @@
<body> <body>
<header> <header>
<!-- <h1>bon dia</h1> --> <!-- <h1>bon dia</h1> -->
</header> </header>
<div class="container">
<div class="image-container">
<img src="header_kinnikustudios_logo_black.svg" alt="Kinniku Studios Logo">
</div>
<div class="text-container">
<h3 id="languageShortname">EN</h3>
</div>
</div>
<div class="headerbar"> <div class="headerbar">
<img class="logo" src="header_kinnikustudios_logo_black.svg" alt="Kinniku Studios Logo"> <img class="logo" src="header_kinnikustudios_logo_black.svg" alt="Kinniku Studios Logo">
<h3 id="languageShortname">EN</h3> <h3 id="languageShortname">EN</h3>