-
Notifications
You must be signed in to change notification settings - Fork 106
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
#38 Implement Feedback Given #107
Conversation
@IanOdhiambo9 Awaiting feedback and review |
No screenshots provided for your work, mobile and web. |
<div class="center"> | ||
<ul> | ||
<li *ngFor="let image of imageUrl"> | ||
<img src="{{image.image}}" height="25" width="75"> | ||
</li> | ||
</ul> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
spaces/indent should be 2
.center{ | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
} | ||
|
||
ul{ | ||
width: 100vw; | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
} | ||
li{ | ||
list-style-type: none; | ||
height: 20px; | ||
width: 30px; | ||
padding: 30px; | ||
} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not styles for mobile view, should be a vertical list on mobile with org logos in pairs of 2 in each row
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@IanOdhiambo9 I've Implemented styles for the mobile view .
imageUrl = [ | ||
{ | ||
id: 1, | ||
"image": "https://rwanda.vvob.org/sites/rwanda/files/styles/780pxx330px/public/images/mainimagebig/ok.jpg?itok=zMR2_g-z" | ||
}, | ||
{ | ||
id: 2, | ||
"image": "https://images.squarespace-cdn.com/content/v1/5c9b88e00cf57d033337013f/1560884247023-4T57CS4T1C6VX94JK5JV/farmbetter_for_website.png?format=1500w" | ||
}, | ||
{ | ||
id: 3, | ||
"image": "https://www.greenclimate.fund/sites/default/files/organisation/logo-enabel.png" | ||
}, | ||
{ | ||
id: 4, | ||
"image": "https://savics.org/wp-content/uploads/2020/10/SavicsREF_Horizontal_RGB.jpg" | ||
}, | ||
{ | ||
id: 5, | ||
"image": "https://www.bigmaninthewoods.co.uk/wp-content/uploads/2018/05/1341315_scouts_logo_horizontal_purple.png" | ||
}, | ||
{ | ||
id: 6, | ||
"image": "https://wwfke.awsassets.panda.org/img/wwf_logo_750_x_600_490968.jpg" | ||
}, | ||
{ | ||
id: 7, | ||
"image": "https://wwfke.awsassets.panda.org/img/wwf_logo_750_x_600_490968.jpg" | ||
} | ||
]; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No need for Id's just do a list of strings
@IanOdhiambo9 Implemented feedback given, awaiting review |
Description
Create a section on the site that lists Elewa group partners Horizontally.
To achieve this, we needed to:
Fixes #38
##Screenshots
Desktop
Mobile
Type of change
Please delete options that are not relevant.
How Has This Been Tested?
The Issue has been tasted by using various web browser
Checklist: