Issue with formatting the content to fit properly across the entire page.

[humashaaa]

I would like the text and elements to evenly spread across the full A4-sized page, similar to how the content is distributed in the 1st image. In my current PDF output, the content doesn't take advantage of the full page space and appears more confined, much like the 2nd image and in live site my component looks like 3rd image

Here's my code :
const handlePdf = async() => { const element = document.getElementById('element'); const opt = { margin:0, filename: 'myResume.pdf', enableLinks: true, image: { type: 'jpeg', quality: 0.98 }, html2canvas: { scale: 3 }, jsPDF: { format: 'a4', orientation: 'portrait' } }; html2pdf().set(opt).from(element).save(); };

I want my pdf to look like this

This is how my pdf looks

That's how my component looks in live site