issue #6 ; improved project card's ui on landing page and added new fields

[codewarsfx]

Please, go through these steps before you submit a PR.

• [x] My Pod Leader knows I'm working on this Pull Request
• [x] I've explained what the Pull Request is adding.
• [x] I've explained why this is important.

What?

Improved project card UI on landing page issue #26. The new card ui contains the following

• Details of the project's developer (name and picture)
• Screenshot of project
• live Url of project
• link to Github repo
• Brief project description
• link to a project page that describes the project in details

Why

I and my partner divided the 3 tasks in issue 6 between ourselves. I chose to-

• Add an image to the project preview.
• Make the cards bigger and display more information on them, like who built it, and what not.

while my partner chose to.

• Improve the project page when you click on it, so it's easy to navigate back to the main site

screenshot of project section before my commit

screenshot of project section after my commit

[netlify[bot]]

❌ Deploy Preview for prep-22-jul-prep-3-portfolio failed.

Name	Link
🔨 Latest commit	780538ed75b2434127df2756db1b021eb1718b4c
🔍 Latest deploy log	https://app.netlify.com/sites/prep-22-jul-prep-3-portfolio/deploys/62d02216dc195a0008b9f081

[awilkescom]

The UI looks really nice, thanks! However, could you please add some description to your PR? Thanks!

[codewarsfx]

The UI looks really nice, thanks! However, could you please add some description to your PR? Thanks!

Hi Alex..thanks for the feedback...I have updated my PR's description. Thank you

[awilkescom]

Amazing, thanks !