This commit will improve the services section UI a lot and make it responsive
[x] Hacktoberfest Participant
[ ] Contributor
Closes: #51
Describe the changes you've made
Modified the HTML
Created two divs to separate the header-text and the cards-part of the section
Changed classes of a few images inside cards because their properties were exactly the same, no need for multiple classes
Applied some good practices for responsiveness
Modified the CSS of the Services Section to improve their layout
Made the section responsive by adding media queries
Note: I have not touched any other section, because of that, you can see a big gap between why-us section and services section.
Also, I haven't touched the btn that contains a link with the text "Learn more...". It needs some more changes and I need to see what is causing issue in the Virtual Health Checkup Card.
Type of change
What sort of change have you made:
[x] Bug fix (non-breaking change which fixes an issue)
[x] New feature (non-breaking change which adds functionality)
[x] Code style update (formatting, local variables)
[x] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] This change requires a documentation update
How Has This Been Tested?
I used my chrome dev tools to test if the website is working and responsive.
Checklist:
[x] My code follows the guidelines of this project.
[x] I have performed a self-review of my own code.
[ ] I have commented my code, particularly wherever it was hard to understand.
[ ] I have made corresponding changes to the documentation.
[ ] My changes generate no new warnings.
[ ] I have added tests that prove my fix is effective or that my feature works.
[ ] Any dependent changes have been merged and published in downstream modules.
This commit will improve the services section UI a lot and make it responsive
Closes: #51
Describe the changes you've made
Note: I have not touched any other section, because of that, you can see a big gap between why-us section and services section. Also, I haven't touched the btn that contains a link with the text "Learn more...". It needs some more changes and I need to see what is causing issue in the Virtual Health Checkup Card.
Type of change
What sort of change have you made:
How Has This Been Tested?
I used my chrome dev tools to test if the website is working and responsive.
Checklist:
Screenshots