[BUG] Responsiveness for section components

[yashsehgal]

🙁 Actual behavior

Right now, the components are not responsive enough for mobile users. We need to work on it according to multiple device widths and sizes.

Need to add responsive features to these components

• Header
  
• Footer
  
• Cards
  
  
• Sections
  

🙂 Expected behavior

With the assignment of this issue, we want you to add responsiveness to the components by just adding @media queries for different possible sizes.

We also want you to be in touch with the discussions section of this project, regarding the same issue.

🔢 Steps to Reproduce the Problem

Follow these steps to be more efficient in the development of this feature

Be in touch with the discussion of this issue
Work collaboratively with other contributors to get in touch and be consistent.
Follow all the best practices.
Make sure to work on the responsiveness branch as these fixes can't be merged directly to the master branch.

Also, make sure to have fun

[Chinmay-Dorge]

I would like to work on this issue.