Inertia/Vue block HTML default styling?

I have just started learning inertia with vue but for some reason when I go and remove the default code in Welcome.vue and replace it with a simple Hello World the text is rendered on page without any of the default 'styling' that an h1 element should have. I have tried eveything under the sun but the problem remains.

I started the project with the breeze starter kit with vue. I have checked all config files, tailwind and other css styling works.

Is this a normal behavior in Inertia or am I missing something?

!!!!!!!!!!!! Issue resolved: I guess I am a bit shocked..... Just found out that tailwind (first time I am using it) removes most of the default styling via Preflight: https://tailwindcss.com/docs/preflight

I don't know how I feel about this

Tray2

1 year ago

Level 73

It's called normalization or a style reset, and it's quite common to use a reset of the browsers default styling, this is done to ensure a better consistency of how the page is displayed between the different browser vendors and operating systems.

You don't have to use tailwind if you don't want to, you can just remove it and use custom styles as you please.

1 like

Please or to participate in this conversation.