Vue 3 / Vite - design looks slightly messed/and diff colour?
so I have created a NEW project with vue. I have removed the base.css/main.css files that come bundled.
I have got a template (html/css) that I would like to use for my site. when i view the template as is (ie test.html) it looks good
when i port it to vue.. (add it all to the page first before I DRY it out by putting header/footer/ elements into diff layouts etc) it looks slightly messed..
e.g. template has blacksih background, the 'cards' (grid with 3 cards think product/profile info per row)
but when i port it over
background is white
the card size shrinks to very small, and instead of being in centre of the page they are left aligned.
I have looked over the files to see if there are any extra css that could be somwehere but cant seem to find it
I can provide the html if needed, but i thought there might be something i might be missing