🎨 Create reusable partner orgs section

[IanOdhiambo9]

🎨 Create reusable partner orgs section

---

Quick links: Summary | Description | Technical-Analysis | Acceptance-Criteria

---

Summary

As a user I want a component I can reuse to display a horizontal list of partners.

Description

This component displays a horizontal list of partner organisation logos, it takes the following as input:

1. A list of imageUrls

Your assignment is to implement the component to appear as above

Please take note of all the design features (including mobile)

Link to full design:

https://xd.adobe.com/view/7b72572b-b40a-4618-bfa6-5500ab28f13b-2e21/screen/31438bb0-400a-4da8-a374-c0440535c37c

mobile 
-

Technical Analysis

This component will be created in libs/features/components/ui-lists

The component will be called elewa-group-horizontal-list-orgs

Acceptance Criteria

1. When rendered the component is pixel perfect compared to the design above.
2. The component is clean and does not have more than 50 lines
3. The component SCSS uses CSS variables for colour, font, ... Connected to the main style.scss
4. The code is isolated to the libs/page/home package, unless a justified reason is specified.
5. The component is aligned using CSS flex
6. The design is responsive for screen, tablet and phone
7. The image renders fast and has multiple srcsets

[philipNgungi037]

Am working on this with @jasonkiptoo

[nziokikevin]

Working on this with @Dcolonel6

[kahoragachau]

Working on this with @Ludwig-Murimi

[SirJimKe]

Working on this.

[kahoragachau]

@IanOdhiambo9 Awaiting feedback and review

[MiltonChessCoder]

working on this

[munenebrian]

working on this

[Kangonga]

Working on this