Why you have an additional space when you have set width or height to screen size (100vw) — TainwindCSS

Even you have set the width as 100vw (It means 100% of screen, correspondent with ‘h-screen’ on TailwindCSS)

You got additional margin.

Because, the 100vw size doesn't count the size of scroll bar. To resolve this, You can choose two options.

Use ‘w-full’ but ‘w-screen’

Use ‘w-full’ but ‘w-screen’, and that count the size of scroll bar, and doesn’t make additional margin.

Or add ‘w-max-full’

Or add ‘w-max-full’. It limits the width to full of width. And it’s not over the full width of the screen.

Check a post on the StackOverFlow

https://stackoverflow.com/questions/25225682/difference-between-width100-and-width100vw/26939293#26939293

--

--

--

Majored in Physics, self-taught and worked in the IT industry as a Dev/Design/Planning for 11 years. And I had run my Startup for 3 years. I fancy a ☔️ 🇬🇧

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Edit Distance — Variants

Create your first Pull Request here!

Why Companies Are Turning To Asp.Net For Web Application Development? | Xicom

Build a Supply Chain Tracker with the Ambrosus iOS SDK

[민팅 일정] ANGEL LEAGUE Factory 1월 넷째주 민팅 일정 안내!

How to Configuring a Local Server on IntelliJ IDEA

How to develop a VS Code Extension Step By Step — Translator Helper

5 Essential Tools for Web Development Mastery

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Fredric Cliver

Fredric Cliver

Majored in Physics, self-taught and worked in the IT industry as a Dev/Design/Planning for 11 years. And I had run my Startup for 3 years. I fancy a ☔️ 🇬🇧

More from Medium

Infinite scroll using IntersectionObserver API and Ant Design List component in ReactTs

5 Reasons to Choose Xamarin for Cross-platform Development

Bootstrap Vs. React: A Comparison of 11 Principal Components

Bootstrap Vs. React: A Comparison of 11 Principal Components

Tasks we solve with Kotlin