Set height to 100% on very small screens

Author: domlander

dotcom-rendering/src/components/Masthead/HighlightsCard.tsx

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import { isUndefined } from '@guardian/libs';
-import { between, from, space, until } from '@guardian/source/foundations';
+import { between, from, space } from '@guardian/source/foundations';
 import { SvgCamera } from '@guardian/source/react-components';
 import { ArticleDesign, type ArticleFormat } from '../../lib/articleFormat';
 import { isMediaCard as isMedia } from '../../lib/cardHelpers';
@@ -38,6 +38,8 @@ const container = css`
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
+	height: 100%;
+	min-height: 174px;
 	column-gap: ${space[2]}px;
 	/** Relative positioning is required to absolutely position the card link overlay */
 	position: relative;
@@ -52,12 +54,8 @@ const container = css`
 	 */
 	word-break: break-word;
 
-	${until.mobileMedium} {
-		min-height: 174px;
-	}
 	${between.mobileMedium.and.tablet} {
 		min-height: 194px;
-		height: 100%;
 	}
 	${from.tablet} {
 		height: 100%;