Changed the styling of required divs to make UI neumorphic.
Added a component - WorkCard.jsx. This is the component that is being called 6 times in Work.jsx.
Earlier, code was a lot repetitive in Work.jsx but now all the code that was repeatative has been written in this component and only the component is being called 6 times.
All the styling has been added to the divs in this component only.
Added neumorphic-img CSS in index.css file. It deals with stling of image in the cards.
Gif
Before
After
Fixes #11
Type of change
Please delete options that are not relevant.
[x] Bug fix (non-breaking change which fixes an issue)
[x] New feature (non-breaking change which adds functionality)
Checklist:
[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[x] I have commented my code, particularly in hard-to-understand areas
[] I have made corresponding changes to the documentation
[x] My changes generate no new warnings
[ ] Any dependent changes have been merged and published in downstream modules
[x] I have checked my code and corrected any misspellings
Pull Request Template
Description
divsto make UI neumorphic.WorkCard.jsx. This is the component that is being called 6 times inWork.jsx.divsin thiscomponentonly.neumorphic-imgCSS in index.css file. It deals with stling of image in the cards.Gif
Before
After
Fixes #11
Type of change
Please delete options that are not relevant.
Checklist: