Solution for issue no #5 - Updated styling of cards on the main page

[rajkumawat01]

Following things are updated in the index.html (main page)

1. Updated and Improve styling of cards on the main page.
2. Replaced them with old cards with proper data.
3. Added appropriate HTML and CSS styling to display cards in a grid format.

Improved styling (click on image to see it properly)

Updated look of the main page. (click on image to see it properly)

[rajkumawat01]

Is there any mistake in the pull request?

Please try to merge this pull request before others because I have made changes in index.html and currently if you merge other pull requests before mine that will create more conflicts in index.html as other contributors are creating new cards with their component name where cards are with old styling.

And as of now, the code is not updated. They might be copying old cards.

Should I resolve the existing conflict?

[palakg01]

Hey @rajkumawat01
A few changes required

1. Github profile will not be provided by everyone so make that optional instead of adding it to each card
2. Along with the main index.html also add your cards as a component so that we have your cards as a separate component in case the main UI is changed in future.
3. Please attach screenshots showing your cards are responsive according to different screen sizes
   Please make these changes and resolve all conflicts.

[rajkumawat01]

Okay got it. Just one doubt.

Should I directly remove the option for inserting a GitHub profile? or just comment it out so that whoever wants to show it can just remove the comment and insert his/her profile link there. Okay?

[palakg01]

Okay got it. Just one doubt.

Should I directly remove the option for inserting a GitHub profile? or just comment it out so that whoever wants to show it can just remove the comment and insert his/her profile link there. Okay?

Yes you can comment it out