--

[potent magnet]

search for trim whitespaces in VSCode, that should fix this

[foggy flame]

just tried it, still didn't fix it for me

[potent magnet]

do you have a prettier config running in your project ?

[foggy flame]

yes

[potent magnet]

there might be some rule for these whitespaces

[foggy flame]

/** @type {import("prettier").Config} */
module.exports = {
  // i am just using the standard config, change if you need something else
  ...require('prettier-config-standard'),
  plugins: [
    require.resolve('prettier-plugin-astro'),
    'prettier-plugin-tailwindcss',
  ],
  overrides: [
    {
      files: '*.astro',
      options: {
        parser: 'astro',
      },
    },
  ],
  tabWidth: 2,
  arrowParens: 'always',
  useTabs: false,
  printWidth: 80,
  semi: true,
  singleQuote: true,
  trailingComma: 'all',
  bracketSpacing: true,
};

[potent magnet]

everything seems legit, i might have to give the project a look in that case

[foggy flame]

that would be great

how can we do that?

[potent magnet]

you can either set this project in stackblitz or just share the github repo url here

[potent magnet]

opening it up, sorry I was afk

i have opened up pages/HomePagea.astro everything looks tightly wrapped

[foggy flame]

didn't get it

[potent magnet]

in my device (Vscode as editor) there are no whitespaces goin on

trying to find what stackoverflow suggests

besides having a custom theme, everything is default for me

[foggy flame]

in my vscode, it just formats it but if you run the project and using the dev tools, inspect an Astro component elements, then you will see the spaces

i.e: the hero title on home page has spaces

[potent magnet]

looks pretty tight to me
edit: my bad,now I see what's the deal here

[potent magnet]

even if it has no effect in the DOM, this whitespace seems quite weird

[foggy flame]

I know right, it is annoying me

[potent magnet]

[potent magnet]

I can not find anything that seems to work, margin/reset.css nothing seems to affecting this whitespace