Merge branch 'main' of github.com:nationalarchives/tna-frontend into …

…feature/global-header
nationalarchives · Feb 9, 2024 · fc2c217 · fc2c217
2 parents 1d19532 + 517ded8
commit fc2c217
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,9 +9,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 ### Changed
+
+- Changed the aspect ratio of the hero image to be 5:2
+
 ### Deprecated
 ### Removed
 ### Fixed
+
+- Allowed taller images in picture elements on tiny devices
+
 ### Security
 
 ## [0.1.36](https://github.com/nationalarchives/tna-frontend/compare/v0.1.35...v0.1.36) - 2024-02-06

diff --git a/src/nationalarchives/components/hero/hero.scss b/src/nationalarchives/components/hero/hero.scss
@@ -8,7 +8,7 @@
   @include colour.contrast-on-mobile;
 
   &__figure {
-    min-height: clamp(12rem, calc(33vw - 12rem), 63rem);
+    min-height: clamp(12rem, calc(40vw - 12rem), 63rem);
     margin: 0;
     padding-top: 8rem;
     padding-bottom: 4rem;

diff --git a/src/nationalarchives/components/picture/picture.scss b/src/nationalarchives/components/picture/picture.scss
@@ -70,9 +70,7 @@
     }
 
     &__image {
-      width: 100%;
-      max-height: none;
-      height: auto;
+      max-height: 60rem;
     }
 
     &__caption {