That was what I originally tried to do when I put it in my Svelte app, but as Svelte is structured differently and changes names I couldn’t target those parts to ignore.
So after struggling with that for a while I found you can target things you only want to print.
And it fixed my conundrum
Yeah, it worked fine as a simple HTML and SCSS page, but I couldn't target higher up the tree in svelte I think because they are components and they just weren't being picked up.
So I went the other way and just targeted what I needed to... ended up being less code than the other way too.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
What a great example of grid, to use html to create a page layout.
Nice work!
You can also have your print query hide your header and adjust margins to make it so the only thing on the print is the resume itself.
That was what I originally tried to do when I put it in my Svelte app, but as Svelte is structured differently and changes names I couldn’t target those parts to ignore.
So after struggling with that for a while I found you can target things you only want to print.
And it fixed my conundrum
You should be able to “display:none” items in a print media query.
You just need to have a class on those items. I have not see this with svelte.
Honestly though, I typically write a print style sheet outside of svelte and just attach it globally.
Yeah, it worked fine as a simple HTML and SCSS page, but I couldn't target higher up the tree in svelte I think because they are components and they just weren't being picked up.
So I went the other way and just targeted what I needed to... ended up being less code than the other way too.