Component Request - GridNews - 1hrs

[drewbaker]

Component Description

This component is used on the News landing page to display BlockNews in an alternating layout.

Design

Please also see attached screenshots for quick reference.

• Desktop: https://xd.adobe.com/view/c0d9243f-2f1f-4b20-614b-bef83eff7c19-b6e8/screen/767fdd6d-0991-4496-b731-72d8a7302182/
• Mobile: https://xd.adobe.com/view/dd5e5638-85b6-40a8-4caa-797e6dbe406a-ab6f/screen/58cd5ba8-69f9-4f74-90ab-ef83add76d8c/specs/

Email drew@funkhaus.us for the design password.

Props

props: {
    items: {
        // Mock: api.pages
        type: Array,
        default: () => []
    }
}

Developer tips

1. Please use CSS to override the layout of each block in the gird as they alternate down the page.

Required components

1. BlockNews is used for the blocks

Time & Budget

Time estimate: 1hrs
Budget: $100

Screenshots