Horizontal scroll bar tailwind

Can someone explain why I'm getting a small horizontal scrollbar on this page (not my project) when the viewport is anything but maximized, so any kind of resized window I'm seeing it, just hard to understand cause, narrowed it down to the <nav /> section https://shadcn-landing-page.vercel.app/ testing on Chrome
Solution:
There are two elements causing the horizontal scrollbar: <ul data-orientation="horizontal" class="group flex-1 list-none items-center space-x-1 container h-14 px-4 w-screen flex justify-between" dir="ltr"> The w-screen is causing it within the <header>...
Shadcn/React - Landing template
Free Shadcn landing page for React developers
Solution
JW
Juice Weaselβ€’15d ago
There are two elements causing the horizontal scrollbar: <ul data-orientation="horizontal" class="group flex-1 list-none items-center space-x-1 container h-14 px-4 w-screen flex justify-between" dir="ltr"> The w-screen is causing it within the <header> <section class="container grid lg:grid-cols-2 place-items-center py-20 md:py-32 gap-10"> This is also causing it just below the <header>. It's most likely the grid here.
π•Ύπ–Žπ–‘π–›π–Šπ–— π•Ύπ–™π–Šπ–Šπ–‘β€’14d ago
My first assumption is that you might've forgotten css resets, thus header is taking more space via its native margin
G
Gazβ€’12d ago
hey guys, thanks for the replies, it's not my project, I was just confused why it was happening, thanks for the explanation, I'll mark as solved
Want results from more Discord servers?
Add your server
More Posts
What's your favourite chart library for dashboards?Title. Most important thing is DX tbh as it should just be implemented quickly for some basic internCan't use my OpenAI API keys in my React Native Expo app?Getting this configuration error Here is my code ```import { Configuration, OpenAIApi } from "openCan't set env variables in package.json scripts?So essentially I'm trying to run some test scripts (playwright for example) and I want to assign an Failed to compile. Entry point for implicit type library 'mime'I suddenly started getting this error message when trying to compile. The dev server works fine. I Trpc failed on post.hello after initial setupBroken after initial setup through CLI. I've attempted this with mutliple configurations and I'll alIf you SSH onto a machine from another machine, does that use less resources on your local Machine?I am wondering if I can make my local PC use less resources by SSHing into VSCode using another PC?Unnecessary API'S callI am facing a issue regarding unneccessary api calls when i switch to another tab and return to my lRegression testing React.memohi all, i have an expensive component that's memoized, and this depends on a godawful chain of useCaHandling loading and error states in T3Hi I have just started using the T3 stack and was wondering what's the best practice for handling erQuery Invalidation with trpc not working with React Server Components and App RouterHi guys, I am trying to do Optimistic updates with trpc but the problem is I am fetching data on theTanstack Virtual or Other optionsHey everyone, quick question for you all. I've been tasked with building a complex grid with horizoRevalidatepath type undefined vs pageHello! Does anyone know if there's supposed to be a difference between calling revalidatePath with