[Bug]:The website is not properly responsive in tablet mode.

[alok2424]

Describe the bug

As I open the website in my tablet , the cards are not completely responsive from both side.

To Reproduce

Steps to reproduce the behavior:

1. Go to hero page of the website
2. Click on CSS file. 3.Change the CSS and media queries for the website in order to make it tablet responsive

Expected behavior

There must be a margin from left and right of the hero page for the first card components as shown in the video.

Screenshots

https://github.com/Omkar-Sonawane-23/Tourism/assets/130597958/8627b332-b6b8-49d8-8d86-0490532594cf

Tablet and (please complete the following information):

-Samsung Tablet.

• OS: Android.
• Browser: brave, chrome, Microsoft edge

[EmazinUs]

@Omkar-Sonawane-23 assign me this issue under gssoc 2024.