rgonsal/comunidadhll
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align historical hero content

Browse Source
This commit is contained in:
devRaGonSa
2026-05-26 13:38:54 +02:00
parent 295a63ef39
commit 2daf48b706
2 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/assets/css/historico.css
View File

@@ -32,6 +32,11 @@
gap: 32px; gap: 32px;
} }
.historical-hero__layout--registry {
grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
column-gap: clamp(72px, 7vw, 140px);
}
.historical-hero__layout > * { .historical-hero__layout > * {
min-width: 0; min-width: 0;
} }
@@ -45,6 +50,14 @@
max-width: 12ch; max-width: 12ch;
} }
.historical-hero__layout--registry .historical-hero__copy {
max-width: min(100%, 760px);
}
.historical-hero__layout--registry .historical-hero__title {
max-width: 18ch;
}
.historical-hero__text { .historical-hero__text {
max-width: 60ch; max-width: 60ch;
overflow-wrap: anywhere; overflow-wrap: anywhere;
@@ -1051,6 +1064,11 @@
max-width: 100%; max-width: 100%;
} }
.historical-hero__layout--registry .historical-hero__copy,
.historical-hero__layout--registry .historical-hero__title {
max-width: 100%;
}
.historical-map-hero { .historical-map-hero {
width: 100%; width: 100%;
min-height: 190px; min-height: 190px;

2
frontend/historico.html
View File

@@ -22,7 +22,7 @@
</a> </a>
<p class="eyebrow">Historico propio</p> <p class="eyebrow">Historico propio</p>
</div> </div>
<div class="historical-hero__layout"> <div class="historical-hero__layout historical-hero__layout--registry">
<div class="logo-frame historical-logo-frame"> <div class="logo-frame historical-logo-frame">
<img <img
src="./assets/img/logo.png" src="./assets/img/logo.png"