fix: align historical hero content
This commit is contained in:
@@ -32,6 +32,11 @@
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.historical-hero__layout--registry {
|
||||
grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
|
||||
column-gap: clamp(72px, 7vw, 140px);
|
||||
}
|
||||
|
||||
.historical-hero__layout > * {
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -45,6 +50,14 @@
|
||||
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 {
|
||||
max-width: 60ch;
|
||||
overflow-wrap: anywhere;
|
||||
@@ -1051,6 +1064,11 @@
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.historical-hero__layout--registry .historical-hero__copy,
|
||||
.historical-hero__layout--registry .historical-hero__title {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.historical-map-hero {
|
||||
width: 100%;
|
||||
min-height: 190px;
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
</a>
|
||||
<p class="eyebrow">Historico propio</p>
|
||||
</div>
|
||||
<div class="historical-hero__layout">
|
||||
<div class="historical-hero__layout historical-hero__layout--registry">
|
||||
<div class="logo-frame historical-logo-frame">
|
||||
<img
|
||||
src="./assets/img/logo.png"
|
||||
|
||||
Reference in New Issue
Block a user