Sprint 2: Create Page Topper
Create a page topper component:
Designs from Figma are at https://www.figma.com/design/DpS9o1LIG27rvzTqc13bcQ/Templates-%E2%80%93-wireframes?node-id=1211-6705&m=dev
Items:
- Title: Mandatory. Same char limit etc as across the site.
- Description: Optional. Max 250 Char. Styled to only be a max of 600px.
Mid-fi Styling: Component has text left aligned. Title:
- H1
- background: #F3F4F6;
- padding: 48px L/R borders, 24px T/B borders.
Description: font-size: 19px; font-style: normal; font-weight: 500; line-height: 150%; /* 28.5px */ padding: 64px, 48px;
Component has a 1px solid #00010226 border as shown in full template.