Flex wrap heading and icon on smaller screens

This commit is contained in:
Alicia Sykes 2023-08-18 19:28:15 +01:00
parent dbcbd36874
commit 502b9fd7f4

View File

@ -17,6 +17,7 @@ const StyledHeading = styled.h1<HeadingProps>`
margin: 0.5rem 0;
text-shadow: 2px 2px 0px ${colors.bgShadowColor};
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: center;
font-size: ${TextSizes.medium};