Leave any feedback thanks ^_^
Tom
@tomhineAll comments
- @khaizterSubmitted over 2 years ago@tomhinePosted over 2 years ago
Hey Khaizter, this is great! I particularly like the animations on the filter dropdown. Really gives it a finished feeling.
0 - @claire-conrardySubmitted over 2 years ago
Still working on the mobile view. Don't know why it is not working. Anyone has a suggestion?
@tomhinePosted over 2 years agoHi Claire, really nice job with the desktop view!
I noticed a couple of issues with your mobile view;
- You're setting your body element to
height: 100vh
. This breaks on mobile because your card list height is much larger than this. I'd reset that on mobile. - You also need to change the body padding on mobile. Honestly i'd probably move this padding onto your main element.
- As for the mobile layout, I'd probably just swap to using flexbox with a colum direction and a gap.
Hope this helps 👍
0 - You're setting your body element to
- @SurgetinSubmitted over 2 years ago
Any suggestion why my z-index is not working on quote?
- @paolas771Submitted over 2 years ago
This project was very educational for me. I learned a lot. Removing filters was a real challenge for me so if anyone knows of a better way to do it, please let me know. Also I want to get better at writing the README so if you can look at mine and suggest any improvements I would appreciate it.
@tomhinePosted over 2 years agoHi Paola, this solution looks really good. Well done!
You'll probably want to add some conditional styles for the green left hand border as they should only be coloured on the featured jobs.
The filtering is definitely tricky, I've put together a simple demo of how I would do it and pushed it to github if you'd like to look at it.
The basic gist is that only the filters that are active need to be tracked in useState as the filtered jobs can be built from those active filters and the original jobs. I would put the active filters in a array in useState as this makes it easy to add and remove them.
The array.filter method returns the new filtered array leaving the original array untouched, so you don't have to keep the original in state as this never has to change.
I hope this helps, definitely try cloning that example repo and mess around with it!
Marked as helpful0 - @BasharKhdr1992Submitted over 2 years ago
Your feedback is highly appreciated.
@tomhinePosted over 2 years agoHey Bashar, great job with this challenge it looks really good! There are a couple of design things that could be improved though;
- I think everything looks quite big, definitely bigger than the reference maybe try adding a
max-width
to the main container? - The links and the avatar image both shift on hover because you're adding the border when the elements are being hovered. You could try adding the border to the element permanently but make it transparent, then just change the colour on hover.
- Your plus and minus buttons on the cart are the wrong way round.
Again, really good job with this and I hope this helps.
Marked as helpful0 - I think everything looks quite big, definitely bigger than the reference maybe try adding a
- @kianipSubmitted over 2 years ago
Would love feedback.
@tomhinePosted over 2 years agoHey Kianip,
Great job with the challenge, looks really good! I particularly like the attention to detail with the profile image border colours.
I have a few suggestions;
- The max width on your
.main-grid
could probably be wider, it would allow each grid item to take up more horizontal space as they look a little tall. - I think the font size on the names needs to be smaller and the colour needs to be brighter
- Looks like your grid item shadows need to have a larger blur radius.
Marked as helpful1 - The max width on your