h1 { text-align: center; font-size: 10vw; /* relative to the viewport width */ } #duplicate-button { margin: auto; color: #fff; background: #1565c0; border-radius: 100vh; } #component-0 { max-width: 80%; /* relative to the parent element's width */ margin: auto; padding-top: 1.5rem; } /* You can also use media queries to adjust your style for different screen sizes */ @media (max-width: 600px) { #component-0 { max-width: 90%; padding-top: 1rem; } }