Viewing on mobile was cutting off , left & right sides

[theapplegates]

I am not sure how to make a pull request but I fixed the cutting off the left and right side when viewing on a cell phone.

I added this to globals.css

@media only screen and (max-width: 767px) {
    body {
        padding-left: 20px;
        padding-right: 20px;
    }
}

Now the site is fixed for mobile/cell phones.

Paul

[theapplegates]

This was also my first time using Chat-GPT to solve a problem.

[shadcn]

This is awesome. I think we can also do it with Tailwind CSS classes. Let me see if I can add the fix for it.

Thanks for your help Paul! Appreciate it.

[shadcn]

Done. Thank you.

[theapplegates]

Thanks. I appreciate you making it.